Меню

[SnezhArt]

Когда-нибудь я не буду приходить в конце написания кода к багам или буду находить сразу же их решения сама, но похоже до этого момента еще расти и расти. А пока прошу помощи!!

Иллюстрация:

РЕШЕНО

1. Дизайн не для себя, а для подруги. Собсно с ее акка все выглядит нормально, а когда я захожу к ней, то вижу, что иконка настроек выскакивает вверх. То ли ей какая невидимая кнопка мешает, то ли что?
2. Когда нажимаю на иконку тем записей и они открываются, иконка тем понижается буквально на три-четыре пикселя вниз, причем утягивая за собой иконку календаря. Отчего такая самостоятельность? :|
3. Почему-то список тем записей не над меню, а под всеми этими "умыл", "избранное" и т.п. Как его вытащить из-под них?

Огромное спасибо  La mignonne !!

запись создана: 31.01.2015 в 11:18

@темы: меню

---

ссылки и ник

[La mignonne]

1) Задаю увеличение шрифта при наведении на ссылки
И соответственно все рядом стоящие ссылки начинают "прыгать"
Можно их сделать как бЭ независимыми друг от друга, чтобы при увеличении одной не прыгала соседняя?
1 - в тегах просто соседние смещаются по горизонтали
2 - в постлинках ссылки смещаются еще и вниз

Все наглядно тут - http://trulala-diz.diary.ru/


2) Нужно - задать ширину для #thisDiaryInfo, допустим, 500px и расположить ник+фото по центру.
В дизайнах с боковым меню при изменении ширины #thisDiaryInfo эти блоки выравниваются по центру автоматически.
Но в дизайне с верхним меню задана центровка по правой стороне.
.top #authorName{ .........; float: right;}
и если ее убирать для как
.top #authorName{ .........; float: none;}
то ник становится как надо по центру, но он становится равным ширине #thisDiaryInfo в 500px и превращается в ссылку-ник шириной 500пикс
+ фото не двигается никак даже этим кодом
решено  MysteryLove

@темы: меню, основные блоки

---

Странное

[SnezhArt]

Я, может быть, просто много паникую и не вижу самого простого, но проблема в том, что когда пишу код дизайна, изменений визуальных никаких не происходит, ни в окошке просмотра, ни в дневнике, если установить дизайн. WTF?! О_О
КСС оплачен, кэш на всякий случай почищен. Что еще может происходить я уже не знаю. Может кто-нибудь подскажет? @_@

вопрос снят.

@темы: diaryCSS, Дизайн

---

Использование нестандартных шрифтов

[Ренос]

Здравствуйте.

Возможно ли такое? Использовать шрифт, которого нет в базе дневников и без необходимости устанавливать его в систему пользователя?
Внешние ссылки режутся, а запихнуть его в библиотеку не получается - дневникам формат не нравится.

@темы: Дизайн

---

Инфо об автора

[do not speak]

Нужно - задать ширину для #thisDiaryInfo, допустим, 500px и расположить ник+фото по центру.

В дизайнах с боковым меню при изменении ширины #thisDiaryInfo эти блоки выравниваются по центру автоматически.
Но в дизайне с верхним меню задана центровка по правой стороне.
.top #authorName{ .........; float: right;}
и если ее убирать как
.top #authorName{ .........; float: none;}
то ник становится как надо по центру, но он становится равным ширине #thisDiaryInfo в 500px и весь блок #thisDiaryInfo превращается в ссылку-ник

Как убрать это?

@темы: меню

---

Комментарии и меню

[SnezhArt]

Здравствуйте еще раз. (:
Сегодня я без воза вопросов. С большей частью багов, к счастью, разобралась сама. Но остались две вещи, которые никак не могу одолеть. Кажется, что я уже под всеми углами посмотрела, со всех точек зрения, но решения не вижу. @_@
Помогите, пожалуйста!!

решено

Я убрала номера страниц комментариев. И вот когда их немного все нормально, а когда комментариев по идее мильонпицот пустота в постлинке висит и никуда не хочет убираться. ((



И в меню, когда открываю список тем записей, торчат какие-то две полосочки. Вроде всюду потыкала, а все равно торчат. ><

p.s. дизайн установлен и днев открыт

спасибо  Тайя, которая душит романтиков!

@темы: меню, основные блоки

---

Темы записей, эпиграф, отступы и другое

[SnezhArt]

И снова я. И снова с багажом вопросов. Здравствуйте. ))
Делаю очередной дизайн, и как всегда, в конце не обойтись без помощи.

Сначала баги:
1. Темы записей. Это просто...

решено

картинка

1.1. Как запилить вместо "темы записей" картинку (как обычно на "редактировать пост", "удалить пост" и т.д.)? Я что-то попыталась сделать, но мозг уже все, отказал. тт
1.2. Почему-то список тем не жаждет быть белым цветом, хотя вроде бы прописано?
1.3. Как вытащить темы записей из-под меню? Чтобы никакие пункты меню не налезали сверху.

2. Эпиграф. Мое больное место. ><

решено

картинка

2.1. Внутри эпиграфа оказалась еще какая-то рамочка, которая вырви глаз. Чье это вообще? Куда его засунуть, чтоб невидно было?
2.2. И верхний отступ внутри эпиграфа - тоже вырви глаз. ><

в черновиках та же засада

3. Цитатник.

решено

картинка

В цитатнике почему-то у комментариев нет цифр. Вааай? оО

4. Область подписи и имени.

решено

картинка

4.1. Подпись никак не хочет уходить вправо, под никнейм. >< Как ее заставить это сделать?
4.2. И обнаружилось, что никнейм не работает в качестве ссылки. оО То есть в тот момент, когда мы на него тыкаем при написании комментария, и он появляется в виде обращения к человеку.

5. Отступ синглпоста.

решено

картинка

Я уменьшила отступ между постом и комментариями на стр. комментариев, и там все стало идеально. А вот на главной стр. днева отступы тоже уменьшились. Можно ли их как-то вернуть в прежнее, чуть большее, состояние?

6."Вставить цитату" куда-то убегает или вообще не появляется. С чем это может быть связано? тт

Советы обучающимся

Не баги, но надежда на советы:
7. Можно ли приподнять скобки у комментариев хотя бы на пару пикселей? Только скобки.
8. Каким механизмом можно запилить аватарки в 50px? Так же как в 100?
9. Есть ли какой-нибудь способ никнейм в меню и название днева расположить в центре без плясок надо отступами вправо-влево? Например, что-то вроде - задать text-align и вуаля? Чтобы каждый раз не подправлять отступы со сменой названия дневника или имени.
10. Какой пляской с бубном можно "все темы (кол-во)" сделать под копирку остального списка тем (как-то так: "все темы................128")?

Все решения найдены. Спасибо  Тайя, которая душит романтиков,  Ренос. Отдельное спасибо  Min Young-nim за тщательное объяснение тонких моментов.

@темы: меню, эпиграф, отступы, Дизайн

---

[Ренос]

Здравствуйте.

Я к пунктам меню (Мой дневник, Новая запись и т.д.) прикрутил конструкцию для показа небольшой анимации при наведении на них курсором. Для этого использовал :hover::after. Всё идеально работает почти со всеми пунктами. Кроме "Мой дневник", "Платные сервисы" и "FAQ". У них почему-то появляется сразу 2 псевдоэлемента с анимацией: первый в нужном месте, а второй чёрте-где.

Кто-нибудь в курсе из-за чего это может происходить?

@темы: меню, diaryCSS, Дизайн

---

[Lellya]

Добрый день.
Подскажите что написать, чтобы блок записей и блок меню были одинакового размера? Начала делать отступ от блока меню и вот блок записей и уменьшился. А еще аватар не весь показывается в записи.

@темы: diaryCSS

---

[Dagedra]

Всем привет! Давайте разомнемся и попробуем решить нетрадиционную задачу. Один из юзеров дневничков сказала мне, что как-то у нее стоял дизайн, в котором при прокрутке колесика мыши, ездил горизонтальный скролл любимых тем. Кто-то видел это вживую или может быть пытался реализовать сам?

Заранее спасибо за ответы.

@темы: diaryCSS

---

[do not speak]

Накопилось пару вопросов, ай нид хелп

Почитать

Днев открыт, дизайн стоит там.

1. Никак не могу убрать никнейм под поле записи
#thisDiaryInfo зафиксино поверх всего, хотя ни для него ни для меню не задан z-index.
По задумке фото должно быть поверх всего, а вот ник нет.

2. Закрытые записи
Иконка закрытой записи изменена на картинку, а можно ли задать обратную для открытых постов?
если задать как фон заголовка для всех записей, то при закрытых записях одна на другую накладывается.

3. More
увеличила его высоту - как увеличить нижний и верхний отступы от more до текста?

4. Удалить из цитатника.
Может я в маразме, но, мне кажется, у него раньше был свой id.
Как теперь то с ним справляться? Если задавать свойства для .addToQuote.lastLink a, то менятеся и .addToQuote

5. Ну и самый муторный вопрос....
В постах ссылки "подписаться" и "добавить в цитатник" заданы картинками, при наведении - картинка как бЭ выезжает. Выезжает плавно, а заезжает обратно резко.
Я уже не знаю как подбить так картинку, чтобы и назад заезжало плавно.

Если задать только одну картинку разной ширины (как сейчас сделано в первом посте для "подписаться"), все отлично выезжает, но пропадает "отступ" между картинкой и краем поста, как задумано изначально.
В общем не знаю, может у кого появится свежая идея как сделать красиво.

@темы: текст, меню, основные блоки

---

Вопросик

[Аркхейм]

Доброго времени суток! У меня в СОО стоит дизайн CSS, который мне сделал один очень хороший мастер, но у меня возникли вопросы, понадобились те элементы, которые мастер убрал.
Как вернуть и разместить кнопку "сортировать по последним комментариям" в СОО, при том, как сделать кнопку со своей картинкой (если такое возможно), при том две другие кнопки мне не нужны. Замечу, что в CSS я очень слаба, поэтому, если кто-то решит мне объяснить , то пожалуйста простым языком.
Но не подумайте, я понимаю что и куда запихивать и как все это делать, мне бы просто код (или как это называется xD), который влиял бы на этот элемент. Заранее простите, если вопрос глупый, не нашла его в перечне основных! т.т Помогите кто чем может!

@темы: diaryCSS, платный сервис

---

Дата к каждому посту

[злой сов]

Доброго времени суток.
Не подскажете, можно ли сделать так, что бы дата, н-р "Вторник, 18 ноября 2014" отображалась к каждому посту этого дня, но в формате только числа и месяца, "18 ноября"?

@темы: текст

---

[nathalie-starkiller]

То ли у меня уже ум за разум зашел, то ли я чего-то недопонимаю. Ткните носом, пожалуйста)
Такая проблема. Пишу:

.postTitle { background: #d4d5e3; font: italic bold 16px Georgia !important; color: #080b2b; }

А получаю вот это:



И так через один. Заголовки нечетных постов без заливки.
При этом селекторы для четных и нечетных постов вообще не использовала.
И шрифт не тот, это в каждом посте, не только в нечетных.

Браузеры Хром и Опера.

@темы: основные блоки

---

Пнг-картинка поверх градиента.

[Ника_Альтер]

Здравствуйте.
Проблема такая: в качестве фона для кнопки меню я делала градиент, а поверх хотела поставить изображение. Но отображается только градиент. Можно ли что-то сделать, чтоб картинка поверх градиента всё-таки появлялась?
Код кнопки:

  #myDiaryLink a {position: fixed; top: 16px; right: 690px; width:167px;height:59px; background-image:url('/userdir/3/2/5/9/3259973/82075197.png') no-repeat; background: rgb(239,97,97); background: -moz-linear-gradient(top, rgba(239,97,97,1) 0%, rgba(233,91,91,1) 0%, rgba(233,91,91,1) 0%, rgba(233,91,91,1) 1%, rgba(132,10,10,1) 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,97,97,1)), color-stop(0%,rgba(233,91,91,1)), color-stop(0%,rgba(233,91,91,1)), color-stop(1%,rgba(233,91,91,1)), color-stop(51%,rgba(132,10,10,1))); background: -webkit-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: -o-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: -ms-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: linear-gradient(to bottom, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6161', endColorstr='#840a0a',GradientType=0 ); font-size:0px!important; box-shadow: 0px 0px 300px 40px #4e0100; border:1px solid#4e0100; border-radius:100px; }
  

@темы: меню, фоновые картинки

---

фон записи

[Лоссэ]

Доброго времени суток!

Скажите, плиз, что не так:

код для фона записи

#side{background: url('/userdir/6/3/3/8/63385/78850300.png');}
#page-t{background: url('/userdir/6/3/3/8/63385/78850300.png');}

почему то не прирастает

@темы: фоновые картинки, diaryCSS, основные блоки, Дизайн

---

[Lynn]

Доброго времени, дамы и господа.
Прошу вашей помощи: как корректно обрезать вертикальные-горизонтальные аватарки под квардрат, да так чтоб без потери пропорций?
Идея в том, чтобы в ленте избранного все аватарки отображались формата 100х100, кадрированные либо по ширине, либо по высоте (в идеале так, чтобы потом их можно было загнать в радиус при необходимости). Это вообще возможно в рамках css?
Заранее благодарна за любые идеи, допилить, если что, под себя я их смогу.

Сейчас у меня стоит оно, и в принципе очень долго код устраивал меня подгонкой под одну ширину, но высоту все же хочется тоже выровнять.

 .avatar img {min-width: 100px; width: 80% !important; height: 80% !important; padding: 5px !important; z-index: 1; background: none !important;}

@темы: diaryCSS, Дизайн

---

Проблема с css в посте

[Кристалл хрусталя]

Возникла нежданная проблема.
Ситуация: сверстать "резиновую" рамку _внутри_ поста. Имеются восемь кусочков, по одному на стороны и углы рамки. Попыталась решить через css и background-color, однако же выяснила, что дайри "съедает" урлы из css-кода.

Вопрос: нафига он это делает и как, собственно, решить проблему? Можно через html, можно через css, мне уже все едино, главное, чтобы дайр меня понял

Помогите, люди добрые, выкладка горит, кэп страдает

@темы: diaryCSS

---

Дочерний селектор

[Человек-Шаман]

Внутренний валидатор дайрей для всяческой безопасности убирает очень много потенциально опасного кода, картинки с чужих адресов, импорты всех мастей, но из-за этого летит один очень нужный иногда селектор:

.class1 > div

на выходе он даёт что-то в духе

.class1 # div

и махом рушит благие намерения. Есть ли выход из этой проблемы, кроме как обращаться только к конкретным классам?

Честно искал по соо запрос. Не нашёл, извините, если было.

@темы: платный сервис

---

[glass snail]

Как убрать расстояние/поднять эпиграф повыше?
скрин

@темы: эпиграф, отступы, платный сервис