[Лан Мао]

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

---

Проблема с заголовком комментариев в Опере

[nathalie-starkiller]

Все ушли на праздники или никто не знает, в чем тут дело?(((

Добрый день!

Пишу дизайн, столкнулась с такой проблемой.
Оформила заголовок: "Комментарии", ссылки на предыдущую и следующую запись:



Во всех браузерах, кроме оперы, работает идеально. В Опере видим вот что:



Как это можно исправить?

Код на всякий случай прилагаю весь:

#wrapper { width: 756px; }
 .header { background: #f3ead4 !important; font: italic bold small-caps 16px Georgia !important; color: #211510;}
 #side h1 { background: #f3ead4; font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #side h1 a { font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #thisDiaryPhoto { height: 122px; width: 86px; border: 4px solid #f3ead4; margin-left: 27%}
 #authorName { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510; border: 4px solid #f3ead4}
 #YaSearch { background: #f3ead4; margin-top: 10px; }
 #YaSearch a { font: italic bold small-caps 15px Georgia !important; color: #211510; }
 #myDiaryLinks { background: #f3ead4; margin-top: 10px;}
 #myDiaryLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #thisDiaryLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #thisDiaryLinks { background: #f3ead4; margin-top: 10px;}
 #thisDiaryOwner { background: #f3ead4; margin-top: 10px;}
 #thisDiaryOwner a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #globalLinks { background: #f3ead4; margin-top: 10px;}
 #globalLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #Stats { background: #f3ead4; margin-top: 10px;}
 #Stats a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #topNav{display:none;}
 .postDate { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510; }
 .order_button {background: none !important;}
 #epigraph .postLinksBackg {display: none;}
 #epigraph .postTitle {background: none !important;}
 .postInner { background: #f3ead4; font: 15px Georgia !important; color: #211510; }
 .postInner a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .quote_text { font: 15px Georgia italic !important; color: #211510; }
 .eot { font: 15px Georgia !important; color: #644638; }
 .urlLink { display:none;}
 .comments { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .addToQuote { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .subscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .unsubscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .quote_post { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .umail { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .diary { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .profile { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 #pageBar { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #TagsList span { font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #login_form { background: #f3ead4; margin-top: 10px; font: italic bold small-caps 14px Georgia !important; color: #211510 !important; border: 2px solid #211510;}
 #login_form a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .postActionLinks {background: none !important;}
 .tags_ul_all { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; margin-right: 10 px; }
 #msg_form { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 8px solid #f3ead4 }
 #open_id_com input { background: #f3ead4; border: 2px solid #211510; font: italic bold small-caps 14px Georgia !important; color: #211510 !important;}
 #fromAnotherName { background: #f3ead4; border: 2px solid #211510; font: italic bold small-caps 14px Georgia !important; color: #211510 !important;}
 #fromAnotherPass { background: #f3ead4; border: 2px solid #211510; font: italic bold small-caps 14px Georgia !important; color: #211510 !important;}
 #usrlog { border: 1px solid #211510; font: italic bold small-caps 13px verdana !important; color: #211510; }
 #usrpass { border: 1px solid #211510; font: italic bold small-caps 13px verdana !important; color: #211510; }
 #open_uri { border: 1px solid #211510; font: italic bold small-caps 13px verdana !important; color: #211510; }
 #SelectSmileGroup { border: 1px solid #211510;}
 .authorName a { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 7px solid #f3ead4; margin-left: -5px; }
 .commentAuthor { background: #f3ead4; margin-left: -0.5px; }
 .sign { font: italic bold small-caps 13px Georgia !important; color: #211510; padding-left: 10px; }
 .avatar { border: 2px #211510; padding-top: 10px; padding-left: 10px;}
 #JournalComments .postInner {min-height: 230px;}
 .paragraph {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 5px;}
 .prevPostLink a {background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; padding: 5px; margin-left: -5px; }
 .nextPostLink a {background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; padding: 5px; margin-right: -5px; }
 #btSubmit { border: 1px solid #211510;}
 .postLinks {background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; padding: 5px;}
 .Attention {background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 4px solid #f3ead4;}
 #message {background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 

запись создана: 30.12.2012 в 19:28

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

---

Вопросы по меню и фону

[Filix-mas]

Собственно имеется два вопроса:

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

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

Дизайн блочный, меню сверху.

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

---

[Valgrim Inc]

Подскажите пожалуйста, как масштабировать картинки, во вкладке комментариев.
Но основной странице днева аватара нет перед постом и картинка влезает.
В комментариях же, где аватар появляется, изображение сдвигается вправо.
Менять дизайн не хотелось бы.
Может быть имеется скрипт, чтобы подгонял размер картинок?

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

---

Отступ от эпиграфа до блока записи.

[his dear detective]

Доброго. Помогите решить один вопрос.
Похожую тему видел тут, но ни один из предложенных вариантов не помог.
Моя проблема вот в чем:

картинка

Нужно уменьшить расстояние от эпиграфа до блока записи, а убрать оттуда и разделитель - было бы идеально.

  .singlePost {position: relative; top: -110px} 

С этим кодом эпиграф просто едет на экстратоп.

.order_button {display: none; }
#epigraph, #post0 {margin-bottom: 5px !Important; }

#epigraph, #post0 {margin-bottom: 0 !Important; }

С этими вообще ничего не происходит.
Буду очень признателен за помощь.

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

---

Список классов и id

[UDFj]

Уважаемые сообщники, куда "ушли" Список классов и id по нашим дневникам?
Может кто-то случайно сохранил страничку? Поделитесь, пожалуйста.

-------
boko: достал из кеша гугла, перенес на народ, обновил эпиграф

@темы: diaryCSS, платный сервис, Мысли вслух, Учеба

---

выбор аватара

[синица в кулаке]

Здравствуйте, я ещё с одной проблемой. У меня, почему-то, в поле выбора аватара они не отражаются, вот:

скрин

часть кода

{---------------выбор аватара-------------}
#selectedavataruri { background: #141414; width:120px !important; -webkit-box-shadow: 0px 0px 7px #665251; -moz-box-shadow: 0px 0px 7px #665251; box-shadow: 0px 0px 7px #665251; margin: 5px 0px 0px 5px !important; padding: 2px !important; }

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

---

Меню и поле ввода записи

[freneza heliko **@]

Здравствуйте.
Есть несколько вопросов.
1. Меню такого вида:

скрин

При наведении курсором появляются разделы:

скрин

Как сделать так, чтобы разделы появлялись и исчезали с задержкой?
2. Темы записей выглядят так:

ещё скрин

Можно ли как-нибудь скрыть все темы, оставив только ссылку "Все темы" или хотя бы сделать непрозрачный фон под ссылки?
Непрозрачный фон можно сделать таким образом: .menuSection ul {background:rgba(0, 0, 0, 0.70) !important; border-radius: 40px 40px;}
Но всё равно это выглядит криво, так что вопрос о скрытии тем остаётся открытым.
3. Как сделать непрозрачный фон для поля набора комментариев и записи?
С комментариями вот так: #addCommentArea {background:rgba(0, 0, 0, 0.70) !important; border-radius: 20px 20px; -webkit-box-shadow: 0px 0px 30px #C8AEFF; -moz-box-shadow: 0px 0px 30px #C8AEFF; box-shadow: 0px 0px 30px #C8AEFF;}
апд И ещё вопрос, возникший в процессе работы над дизайном.
Переделываю стиль первой записи и в меню почему-то вылезает вот это:

Что это и как это убрать?

код

.first {border-radius: 30px 50px; -webkit-box-shadow: 0px 0px 40px #1C91FF; -moz-box-shadow: 0px 0px 40px #1C91FF; box-shadow: 0px 0px 40px #1C91FF; border-style:solid !important; border-color:#1C91FF !important; border-width: 1px 1px 1px 1px !important;}
решилось так: .top.block_design #thisDiaryInfo{border-style:none !important; box-shadow:none !important;}

Буду очень благодарна за помощь.

запись создана: 18.12.2012 в 08:59

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

---

Меню по центру

[синица в кулаке]

Наверное, был такой вопрос, но я не нашёл.

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

скрин меню

код меню

{------------ меню --------------}
 #side .bordered { max-width: 900px; max-height: 40px; position: relative; margin: 0 auto !important; font: 15px Georgia !important; background: rgba(20, 20, 20, 0); text-shadow: 1px 1px 7px #000000; }
 #thisDiaryInfo {display: block !important; min-width: 200px !important; position: absolute !important; top: -565px !important; left: 710px; }
 #thisDiaryInfo a {font: normal 20px Georgia !important; color: #584b4b !important; text-shadow: 0px 1px 2px #1e1414; text-transform: lowercase; letter-spacing: -1px; }
 #side ul {background: rgba(20, 20, 20, 0.8); }
 #side h1 a { color: #584b4b !important; text-transform: uppercase; font: 20px Georgia; position:absolute; top: -500px; left: -10px;}
 #side h1 a:hover, #side h1 a:active {color: #6a5a58 !important; text-decoration: none; }
 .menuSection {text-align:center; padding: 60px 50px 10px 50px !important; font: 16px Times, serif !important; background: rgba(20, 20, 20, 0); display:block; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;}
 #thisDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;}
 #thisDiaryOwner {min-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;}
 #myDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 45px 0 30px; }
 #globalLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 45px; }
 #iAmQuit {display: block !important; display: block; position: absolute; margin: 0 0px 0 750px; }
 #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #iAmQuit ul {min-width: 150px; margin: 0 0 0 -24px !important; }
 #thisDiaryLinks ul {background:#141414; background: rgba(20, 20, 20, 0.5);}
 .menuSection a:hover, .menuSection a:active, #authorName:hover {color: #6a5a58 !important; text-decoration: none; }
 #TagsList ul { width: 160px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -10px !important; }
 #TagsList li {text-align: left !important; background: none !important; padding: 2px 0 0 5px !important; border-bottom: none !important; }
 #TagsList span {margin: 0 10px 0 0 !important; }
 #Stats { padding: 3px 5px 3px 5px !important; color: #372f2f !important; font: 14px Georgia; width: 110px !important; margin: 3px 0 0 -60px !important; }
 #Stats a {color: #372f2f !important; }
 #thisDiaryPhoto, .urlLink, #epigraph .postTitle, .umail, .profile, #side h1 .opac6, #photolibLink, .prevnext, #lastComments, #pchs {display: none !important;}
 #bottomNavLinks a, #pageBar a {text-decoration: none; color: #605857; font: 17px Times, serif; }
 #bottomNav, #pageBar {display:block; font: 16px Times, serif; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;}

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

---

Предпросмотр и страница не совпадают

[nathalie-starkiller]

Ауу?... Неужели никто не знает, в чем дело?..

Как так вообще может быть?.. Смотрю в окошке предпросмотра - все нормально:


Ставлю этот дизайн, открываю дневник - фона заголовков постов как не бывало 0_о


Это в Мозилле и Хроме так. В Опере все нормально.

Код:

#wrapper { width: 756px; }
 .header { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510;}
 #side h1 { background: #f3ead4; font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #side h1 a { font: italic bold small-caps 17px Georgia !important; color: #211510; }
 #thisDiaryPhoto { height: 122px; width: 86px; border: 4px solid #f3ead4; margin-left: 27%}
 #authorName { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510; border: 4px solid #f3ead4}
 #YaSearch { background: #f3ead4; margin-top: 10px; }
 #YaSearch a { font: italic bold small-caps 15px Georgia !important; color: #211510; }
 #myDiaryLinks { background: #f3ead4; margin-top: 10px;}
 #myDiaryLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #thisDiaryOwner { background: #f3ead4; margin-top: 10px;}
 #thisDiaryOwner a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #globalLinks { background: #f3ead4; margin-top: 10px;}
 #globalLinks a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #Stats { background: #f3ead4; margin-top: 10px;}
 #Stats a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 #topNav{display:none;}
 .postDate { background: #f3ead4; font: italic bold small-caps 15px Georgia !important; color: #211510; }
 .order_button {background: none;}
 #epigraph .postLinksBackg {display: none;}
 #epigraph .postInner {background: none;}
 #epigraph .postTitle {background: none;}
 .postInner { background: #f3ead4; font: 15px Georgia !important; color: #211510; }
 .postInner a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atTag a {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMusic {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .atMood span {font: italic bold small-caps 14px Georgia !important; color: #211510; }
 .quote_text { font: 15px Georgia italic !important; color: #211510; }
 .eot { font: 15px Georgia !important; color: #644638; }
 .urlLink { display:none;}
 .comments { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .addToQuote { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .subscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .unsubscribe { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .quote_post { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .umail { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .diary { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .profile { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 .prevnext { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510; border: 2px solid #f3ead4}
 #pageBar { background: #f3ead4; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #TagsList span { font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #login_form { background: #f3ead4; margin-top: 10px; font: italic bold small-caps 14px Georgia !important; color: #211510;}
 #login_form a { font: italic bold small-caps 14px Georgia !important; color: #211510; }
 

запись создана: 13.12.2012 в 09:33

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

---

Убрать заголовок эпиграфа

[nathalie-starkiller]

Вечер добрый)
Честно искала тут ответ - извините, не нашла.

Хочется оставить эпиграф без фона, в то время, как у постов и их заголовков фон есть. Пишу:

.postTitle { background: #f3ead4; font: italic bold small-caps 16px Georgia !important; color: #211510;}
#epigraph {background: #none;}

И все, казалось бы, нормально, но вылезает полоска вверху эпиграфа. Вот так:



Это явно не от меню, его я отключила. Это типа заголовок эпиграфа что ли?.. Как его убрать?

Проблема решена, спасибо!

@темы: эпиграф

---

Повторяющийся фон

[kathy sunrise]

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

Возникла проблема с блоком extrabottom - видно стыки при повторяющемся фоне.
extratop встал ровно:

посмотреть скрин

серединка заполняется такими повторяющимися кусочками:

посмотреть картинку

а вот дальше сложность: за счет того что каждая страница разной длинны, нижний блок не хочет вставать ровно:

посмотреть скрин

Может кто сталкивался, знаете как решить?

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

---

[Luigi D]

Доброго времени суток.
А есть ли возможность сделать название дневника по центру независимо от ширины экрана?

@темы: меню, отступы, diaryCSS

---

Здравствуйте, у меня просьба по дизайну блогов.

[Super Hero]

Не могли бы вы поделиться, собираетесь ли вы сделать разницу в цвете пройденных ссылок и ещё не пройденных? Чтобы такая функция появилась, к слову, в пункте изменения цвета ссылок в дизайне? Мне очень неудобно не видеть, у каких пользователей я уже была, они одним цветом выделены в поиске по дневникам, - а пользователи разные бывают, некоторые пишут в блог каждые десять минут, и я к ним захожу, теряя время, в то время как некоторые пользователи пишут раз в неделю, и я упускаю интересные дневники. Это основная причина, по которой я не бываю на Дайри. Замечу, на Ли Ру эта функция есть, и мне очень удобно сидеть там... Так что мне крайне важно узнать, будет ли со временем на Дайри такая функция. Если нет, чтобы я не планировала здесь ничего. Ответьте, пожалуйста.

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

---

[Kumin]

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

подскажите, пожалуйста, как сделать, чтобы зазор между текстом поста и его границами был крупнее? Я пробовала всячески через padding, не то?

@темы: отступы

---

[синяк на пятке]

При прочтении страницы, если приходится открывать много информации под MORE, то в итоге исчезает фон враппера, который прописан картинкой.

что получается

что должно быть

Пробовала делать так #wrapper {background: url('/userdir/3/6/4/5/364540/76849820.jpg') #d9d7b1;}
чтобы при исчезании фона хотя бы оставался фоновый цвет, близкий к картинке, но не работает((
Что делать?

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

---

цвет шрифта

[Cornwallis]

Подскажите, как исправить недочет? С браузеро оперы текст в форме ответа отображается как следует, но с гуглохрома и лисы текст, который набираешь, просто не отображается. его видно, только если выделить ctrl+a.
Я думала, дело в настройках цвета шрифта, настройки такие.

на деле выглядит так

Дизайн платный.
Заранее спасибо за помощь

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

---

Уезжает блок меню при разных разрешениях экрана.

[his dear detective]

Вопрос решен.

У меня с разрешением 1366 на 678 все выглядит нормально, так как и планировалось.
Но вот так это выглядит при разрешении 1020 на 768.
Как сделать так чтобы блок меню не уезжал при других разрешениях? Читат предыдущие такие вопросы, пробовал - не помогло.

Кусок кода с блоком меню:

#side{width: 150px !important;padding:0 !important; position: fixed; top:3px; left:142px; text-align:center; margin-top:5px !important; background-color: #c3d8ad}

Или надо еще что-то?

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

---

[Desert Eagle]

Подскажите, пожалуйста, id для сравнительно недавно появившейся ссылки "Поделиться". Почему-то она никак не реагирует на .postLinksBackg (подозреваю, что это я накрутил с кодом, но всё же...).

Вопрос снят.

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

---

Ссылка "наверх"

[синица в кулаке]

Поискал, не нашёл. Как прописать отдельные свойства для "наверх"?
Расположение меню слева, вот такой экстработтом

ссылка "наверх" должна быть над "выход"
Решено. Спасибо  unsteadied

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