#764. Dreaмограф

[Звездочёт.]

В кои-то веки сделала дизайн, в котором почти все ссылки на месте. И даже есть место для меню "Мои ссылки". Сама им не пользуюсь, поэтому на превьюшке его не видно. А теоретически оно под левой картинкой. =)
Если кому-то понравится, буду рада.

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ

АВАТАРЫ

настройки для ручной установки

НАСТРОЙКИ

Дизайн — блочный, меню — вверху
Шрифт — Tahoma
заголовок — жирный, 16, цвет #474653
текст — обычный, 13, цвет #474653
ссылки — цвет #6E6054
оффтоп — цвет #999999

КОД

 body {background: #95AAAF url('/ФОН'); background-position: top center; margin:0; padding:0}
 #wrapper {width:900px !important; background: url('/ОСНОВНОЙ БЛОК'); background-position: top left; margin:0 auto; padding:0; overflow:auto !important; border:10px solid #DCD0C4; position:relative}
.top #wrapper {    min-width: 900px;    position: relative;}
 #Journal img { max-width: 600px!important; }
 img { max-width: 500px !important; }
 #Journal .blockquote img {max-width: 500px!important;}
 .blockquote img {max-width: 400px!important;}
 #extratop {background: url('/ТОП') no-repeat; width:900px; height:319px}
 #side {background: url('/БЛОК МЕНЮ') no-repeat; width:900px; height:229px}
 #side h1 a {display:block; background: url('/НАЗВАНИЕ ДНЕВНИКА') no-repeat; width:174px; height:51px; line-height:500px; overflow:hidden; position:absolute; top:40px; left:60px}
 #side h1 a:hover {display:block; background: url('/НАЗВАНИЕ ДНЕВНИКА - АКТИВНАЯ') no-repeat; width:174px; height:51px; line-height:500px; overflow:hidden; position:absolute; top:40px; left:60px}
 #myLinks_title {display:block; width:167px; height:148px; line-height:500px; overflow:hidden; background: url('/МОИ ССЫЛКИ') no-repeat; position:absolute; top:319px; left:62px}
 #myLinks ul {display:block; width:167px; height:220px; position:absolute; top:345px; left:62px; text-align:center; padding:55px 3px 0px 0px !important}
 #myDiaryLinks ul {display:block; width:180px; height:60px; position:absolute; top:90px; left:55px; text-align:center}
 #thisDiaryOwner_title {display:block; width:168px; height:148px; line-height:500px; overflow:hidden; background: url('/ЭТОТ ДНЕВНИК') no-repeat; position:absolute; top:319px; left:298px}
 #thisDiaryOwner_title:hover {display:block; width:168px; height:148px; line-height:500px; overflow:hidden; background: url('/ЭТОТ ДНЕВНИК - АКТИВНАЯ') no-repeat; position:absolute; top:319px; left:298px}
 #thisDiaryOwner ul {display:block; width:168px; height:220px; position:absolute; top:345px; left:298px; text-align:center; padding:55px 3px 0px 0px !important}
 #thisDiaryLinks_title {display:block; width:167px; height:148px; line-height:500px; overflow:hidden; background: url('/МОИ ЗАПИСИ') no-repeat; position:absolute; top:319px; left:492px}
 #thisDiaryLinks_title:hover {display:block; width:167px; height:148px; line-height:500px; overflow:hidden; background: url('/МОИ ЗАПИСИ - АКТИВНАЯ') no-repeat; position:absolute; top:319px; left:492px}
 #thisDiaryLinks ul {display:block; width:167px; height:220px; position:absolute; top:345px; left:492px; text-align:center; padding:55px 3px 0px 0px !important}
 #globalLinks_title {display:block; width:167px; height:148px; line-height:500px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ') no-repeat; position:absolute; top:319px; left:685px}
 #globalLinks_title:hover {display:block; width:167px; height:148px; line-height:500px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ - АКТИВНАЯ') no-repeat; position:absolute; top:319px; left:684px}
 #globalLinks ul {display:block; width:167px; height:220px; position:absolute; top:345px; left:687px; text-align:center; padding:55px 3px 0px 0px !important}
 #myDiaryLinks ul {display:block; width:180px; height:60px; position:absolute; top:90px; left:50px; text-align:center}
 #iAmQuit {display:none!important}
 #authorName, #albumLink, #myLinksLink, #faqLink, #communityCatalogueLink, #diarySpiritLink, #thisDiaryPhoto, #myDiaryLinks_title, #YaSearch, #bottomNav, #pchs, #lastComments, .urlLink {display:none !important}
 #myDiaryLinks a:link, a:visited {color:#4F4B54 !important}
 #side a:link, a:visited {text-decoration: none !important}
 #postsArea a:link, a:visited {text-decoration: none !important}
 #commentsArea a:link, a:visited {text-decoration: none !important}
 #addCommentArea a:link, a:visited {text-decoration: none !important}
 #side a:hover, a:active {color:#415F86 !important; text-decoration:none !important}
 #postsArea a:hover, a:active {text-decoration: none !important; color: #415F86 !important}
 #commentsArea a:hover, a:active {text-decoration: none !important; color: #415F86 !important}
 #addCommentArea a:hover, a:active {text-decoration: none !important; color: #415F86 !important}
 .singlePost, .singleComment, .pageBar {background-color:#DACEC2 !important; border:1px dotted #BFAD9E !important; padding:0px 12px 0px 12px !important; margin: 15px 0px 15px 0px!important}
 #msg_form {background-color:#DACEC2 !important; border:1px dotted #BFAD9E !important; padding:12px !important}
 .countFirstDate, .countSecondDate {text-align: center !important; font-variant: small-caps; border-bottom: 1px dotted #BFAD9E; padding:10px 0px 8px 0px !important}
 #addCommentArea_title, #commentsArea_title, #msg_form_title {text-align: center !important; font-variant: small-caps; padding:0px !important}
 .postTitle {font-size:13px; font-style:normal !important; font-variant: small-caps; color:#6E6054; border-bottom: 1px dotted #BFAD9E; padding:8px 0px 8px 0px !important}
 .authorName {font-size:13px; font-style:normal !important; font-variant: small-caps; color:#6E6054; border-bottom: 1px dotted #BFAD9E; padding:0px 0px 8px 5px !important}
 .postLinksBackg{padding: 8px 0px 12px 0px !important; font-size:12px !important; border-top: 1px dotted #BFAD9E}
 .avatar img,.avatarNew img {display:block; padding:0px; border:5px solid #DACEC2}
 .sign {text-align:center; font-style:italic}
 span.quote_text {font-style:italic; display:block; padding: 6px 12px 6px 12px; border: 1px dotted #BFAD9E; background-color:#DACEC2 !important; font-size:12px}
 #msg_form input, #msg_form textarea {background-color:#E0D5CA !important; border:1px dotted #BFAD9E !important; position:relative; left:-1px}
 .calnd, .tags_ul_all {padding:6px !important; background-color:#DACEC2 !important; border:1px dotted #BFAD9E}
 .atTag span, .atMood span, .atMusic span {font-style: normal !important}
 .atTag, .atMood, .atMusic {padding: 4px 0px 4px 0px !important; font-size:12px !important; border-top: 1px dotted #BFAD9E}
 .atMood {color:#415F86}
 .atTag {color:#6E6054} 

КАРТИНКИ
ФОН
ОСНОВНОЙ БЛОК
ЭКСТРАТОП
БЛОК МЕНЮ | ВЫПАДАЮЩЕЕ МЕНЮ
ЗАГЛАВИЕ ДНЕВНИКА | ЗАГЛАВИЕ ДНЕВНИКА - АКТИВНАЯ ССЫЛКА
МОИ ССЫЛКИ | МОИ ССЫЛКИ - АКТИВНАЯ
ЭТОТ ДНЕВНИК | ЭТОТ ДНЕВНИК - АКТИВНАЯ
МОИ ЗАПИСИ | МОИ ЗАПИСИ - АКТИВНАЯ
ГЛАВНОЕ МЕНЮ | ГЛАВНОЕ МЕНЮ - АКТИВНАЯ

В ДИЗАЙНЕ БЫЛИ ИСПОЛЬЗОВАНЫ РАБОТЫ
sand_by_ambird
Shell_by_emokracja92

shell_by_Przereklamowane
silent_sea_by_koksuel
Star_Catcher_by_epiphany
Star_Fishies_by_Hoodwinkstar

(c) Звездочет.
При использовании дизайна просьба ставить баннер сообщества.

Comments

[dead_mockingbird]

мне нравится сочетание цветов. но есть пара "но", не знаю, нужно ли?

[Звездочёт.]

dead_mockingbird, нужно.) Я от этого дизайна вообще не в восторге, так что если подскажете, как его подправить, только рада буду.

[dead_mockingbird]

Звездочет., написала в лс. :3

[Звездочёт.]

dead_mockingbird, сейчас посмотрю, спасибо!

ох, по-моему, чудесный диз. Автор молодец) Аж морским прибоем запахло.

[Elle J.]

А мне нравится. Особливо то, что для записи оставлено столько места и картинки с фотками в скрол не уйдут. Меню сверху - удобняк. Утащила в коллекцию

[Soldier army JAH]

очень нежный диз красиво

[Звездочёт.]

Katoyasu, Клякса, Soldier army JAH, спасибо. =)

[Sunny[Sun]]

да-да.. нежно, спокойно.. оочень хорошо)

[Koshechkina]

Ойййййй!
Мне очень нравится )
Можно взять????? Как раз мне щяз моря то и не хватает )))

[*Без_ОБЛАЧка*]

красивый) понравился)

[Вэл.]

красиво, цвета приятные, и ссылки все есть)))

[Jette]

Взяла поносить. Спасибо)

[Том Реддл]

И я взял поносить)) Спасибо)) Правда выпадающего меню Мои записи у меня нет..( все в коде правильно, а не высвечивается все равно..(

[Прозрачная птица]

Нравится!))) Очень нежный! Я на такие меню только облизываюсь

[Зеркало Сфинкса]

Дизайн красивый, но, кажется, не рабочий. Убила на попытку установить порядка пары часов - безрезультатно. Блоки меню не убираются, закрывая верхнюю запись, средняя кнопка меню не проявляется в принципе....

[Том Реддл]

Ветер Дорог у меня все хорошо встало, но средней кнопки меню и у меня нет..

[Зеркало Сфинкса]

А еще я тестировала в разных браузерах, но итог один.
Я CSS ношу с 2007 года, первый раз такая проблема... обидно.

[Том Реддл]

Ветер Дорог может, это из за лагов с БИ у дайри?

[вэл..]

Ветер Дорог о, у меня все нормально убирается. зайдите - гляньте. а "мой дневник" и не появится, ее видно только гостям вашего днева. я зашла с другого логина и увидела.

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

Получился такой ретро. Прелесть))

[Koshechkina]

Блин, ну нормально Я тут как дура сижу жду разрешение на "ношение оружия дизайна", а все гребут Я тогда тоже! ггг
Спасибище!

[Звездочёт.]

Извините, автор до компьютера дорвался только сегодня с утра.))

Asya_Kalyaskina, Jette, Aoyagi Ritsuka, берите, конечно, носите на здоровье.
Ветер Дорог, странно... У меня и в IE, и в Опере, и в FF нормально отображалось. Даже не могу с ходу сообразить, в чём проблема. Код, вроде, абсолютно рабочий.

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

Sunny[Sun], *Без_ОБЛАЧка*, шатаюсяясся, ^_^

Прозрачная птица, спасибо большое! да там несложно всё, на самом деле. Посмотрите код.

[Том Реддл]

Звездочет. солнце, а нельзя сделать так, чтобы высвечивалось не Дримограф, а название днева?))) А вообще, дизайн прекрасен. Спокойный, мягкий.

[вэл..]

Кстати, могу сделать вариант, где всем видно и среднюю кнопку,

Звездочет. да, неплохо бы, а то какое-то пустое место там получается. А ссылки у меня и так видны)))

[Звездочёт.]

Aoyagi Ritsuka, можно. Только не "солнце", ради бога. Бррр.
Поняла про название. Вечером сделаю.

Зоул, хорошо, что видны.

[Звездочёт.]

Зоул, поменяла ссылку на картинку "БЛОК МЕНЮ".

Aoyagi Ritsuka,
Тогда уберите из кода строчки

 #side h1 a {display:block; background: url('/ЗАГЛАВИЕ ДНЕВНИКА') no-repeat; width:174px; height:51px; line-height:500px; overflow:hidden; position:absolute; top:40px; left:60px}
 #side h1 a:hover {display:block; background: url('/ЗАГЛАВИЕ ДНЕВНИКА - АКТИВНАЯ ССЫЛКА') no-repeat; width:174px; height:51px; line-height:500px; overflow:hidden; position:absolute; top:40px; left:60px}

И вставьте вместо них:

#side h1 a {display:block; width:174px; text-align:center; position:absolute; top:50px; left:60px}

Потом посмотрим, входит ли название и надо ли больше/меньше шрифт сделать.

[Том Реддл]

Звездочет. спасибо)))

[вэл..]

Звездочет. спасибо, поменяла

[Том Реддл]

Звездочет. извините оО