№ 720. Глубокий тёмный океан

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

Дебют.) Заранее благодарю за комментарии.

Скрин


Дизайн довольно тяжёлый, но стильный. В действии можно посмотреть на моём дневнике.

Настройки

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

Аватары

Установить вручную

На все вопросы по установке вам ответит наш FAQ.
Если забираете дизайн, ставьте баннер сообщества.

Дизайн НЕ предусматривает поля "Мои ссылки" и список ПЧ. Ну упс.)

Картинки
ЭКСТРАТОП
ФОН МЕНЮ | ФОН ССЫЛКИ | ФОН ПОСТОВ И КОММЕНТАРИЕВ
НАЗВАНИЕ ДНЕВНИКА | НАЗВАНИЕ ДНЕВНИКА - АКТИВНАЯ ССЫЛКА
ИМЯ АВТОРА | ИМЯ АВТОРА - АКТИВНАЯ ССЫЛКА
ХОЗЯИН ДНЕВНИКА | ХОЗЯИН ДНЕВНИКА - АКТИВНАЯ ССЫЛКА
МОЙ ДНЕВНИК | МОЙ ДНЕВНИК - АКТИВНАЯ ССЫЛКА
ГЛАВНОЕ МЕНЮ | ГЛАВНОЕ МЕНЮ - АКТИВНАЯ ССЫЛКА

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

Код

body{background-color: #000000; margin:0; padding:0}
 #Journal img { max-width: 600px!important; }
 img { max-width: 500px !important; }
 #Journal .blockquote img {max-width: 500px!important;}
 .blockquote img {max-width: 400px!important;}
 #wrapper{min-width:800px !important; width:800px; margin: 0 auto !important; padding:0 !important}
 #extratop {background: url('/ЭКСТРАТОП') no-repeat; height:523px; width:800px; z-index:0 !important}
 #side {background: url('/ФОН МЕНЮ') no-repeat; height:232px}
 #page-c {position:relative; top:25px}
 #side h1 {display:block; width:400px; height:75px; line-height:300px; overflow:hidden; background: url('/НАЗВАНИЕ ДНЕВНИКА') no-repeat; position:absolute; top:455px; left:200px; z-index:1 !important}
 #side h1:hover {display:block; width:400px; height:75px; line-height:300px; overflow:hidden; background: url('/НАЗВАНИЕ ДНЕВНИКА - АКТИВНАЯ ССЫЛКА') no-repeat; position:absolute; top:455px; left:200px; z-index:1 !important}
 #authorName {display:block; width:200px; height:37px; line-height:300px; overflow:hidden; background: url('/ИМЯ АВТОРА') no-repeat; position:absolute; top:540px; left:-670px}
 #authorName:hover {display:block; width:200px; height:68px; line-height:300px; overflow:hidden; background: url('/ИМЯ АВТОРА - АКТИВНАЯ ССЫЛКА') no-repeat bottom; position:absolute; top:500px; left:-675px}
 #thisDiaryLinks ul {display:block; width:200px; height:150px; position:absolute; top:600px; left:0px}
 #thisDiaryOwner_title {display:block; width:200px; height:37px; line-height:300px; overflow:hidden; background: url('/ХОЗЯИН ДНЕВНИКА') no-repeat; position:absolute; top:550px; left:200px}
 #thisDiaryOwner_title:hover{display:block; width:200px; height:68px; line-height:300px; overflow:hidden; background: url('/ХОЗЯИН ДНЕВНИКА - АКТИВНАЯ ССЫЛКА') no-repeat bottom; position:absolute; top:520px; left:200px}
 #thisDiaryOwner ul {display:block; width:200px; height:150px; position:absolute; top:600px; left:200px}
 #myDiaryLinks_title {display:block; width:200px; height:37px; line-height:300px; overflow:hidden; background: url('/МОЙ ДНЕВНИК') no-repeat; position:absolute; top:550px; left:400px}
 #myDiaryLinks_title:hover{display:block; width:200px; height:68px; line-height:300px; overflow:hidden; background: url('/МОЙ ДНЕВНИК - АКТИВНАЯ ССЫЛКА') no-repeat bottom; position:absolute; top:520px; left:400px}
 #myDiaryLinks ul {display:block; width:200px; height:150px; position:absolute; top:600px; left:400px}
 #globalLinks_title {display:block; width:200px; height:37px; line-height:300px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ') no-repeat; position:absolute; top:550px; left:600px}
 #globalLinks_title:hover{display:block; width:200px; height:68px; line-height:300px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ - АКТИВНАЯ ССЫЛКА') no-repeat bottom; position:absolute; top:520px; left:600px}
 #globalLinks ul {display:block; width:200px; height:15px; position:absolute; top:600px; left:600px}
 #iAmQuit {display:block; position:absolute; top:625px; left:668px; font-weight:normal !important}
 .menuSection ul {text-align:center}
 .menuSection_title{font-weight:normal !important}
 #TagsList span {color: #7F8C97 !important}
 .menuSection li {font-size:13px !important; font-weight:normal !important; text-align:center !important; font-style: normal !important}
 #side a:link, a:visited {text-decoration: none !important}
 #side a:hover, a:active {color:#9CB3C6 !important; text-decoration: none !important}
 #postsArea a:link, a:visited {text-decoration: none !important}
 #postsArea a:hover, a:active {text-decoration: none !important; color: #B0C4D5 !important; background: url('/ФОН ССЫЛКИ')}
 #commentsArea a:link, a:visited {text-decoration: none !important}
 #commentsArea a:hover, a:active {text-decoration: none !important; color: #B0C4D5 !important; background: url('/ФОН ССЫЛКИ')}
 #addCommentArea a:link, a:visited {text-decoration: none !important}
 #addCommentArea a:hover, a:active {color: #B0C4D5 !important; text-decoration: none !important; background: url('/ФОН ССЫЛКИ')}
 #thisDiaryPhoto, #rssLink, #thisCommunityMember, #myNotepadLink, #albumLink, #myLinksLink, #photolibLink, #favListLink, #allDiaryLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #diarySupportLink, #randomDiaryLink, #diarySpiritLink, #faqLink, #upInChart, .prevnext, .pages_str, #thisDiaryLinks_title, #YaSearch, #bottomNav, #lastComments {display:none !important}
 .singlePost .postContent, .countFirst .postContent, countSecond .postContent {margin-right:-10px !important; margin-left:-10px !important; padding-top:12px !important; padding-bottom:12px !important}
 #commentsArea .postContent, .countFirst .postContent, countSecond .postContent {margin-right:-10px !important; margin-left:-10px !important; padding-top:12px !important; padding-bottom:12px !important}
 .paragraph, #addCommentArea {background: url('/ФОН ПОСТОВ И КОММЕНТАРИЕВ'); padding-top:6px !important; padding-bottom:6px !important; padding-left:12px !important; padding-right:12px !important; border:1px solid #6C7D8E}
 #Journal #msg_form, #JournalDraft #msg_form {background: url('/ФОН ПОСТОВ И КОММЕНТАРИЕВ'); margin-right:-10px !important; margin-left:-10px !important; padding-top:12px !important; padding-bottom:12px !important; padding-left:24px !important; padding-right:24px !important; border:1px solid #6C7D8E}
 .calnd{background: url('/ФОН ПОСТОВ И КОММЕНТАРИЕВ'); margin-right:40px !important; margin-left:0px !important; border:1px solid #6C7D8E}
 .cal-mnth; .cal-head; .cal-head small {color:#3A4C5D}
 .tags_ul_all {background: url('/ФОН ПОСТОВ И КОММЕНТАРИЕВ'); border:1px solid #6C7D8E}
 #JournalCalendar .singlePost .postContent {background: url('/ФОН ПОСТОВ И КОММЕНТАРИЕВ'); padding-top:12px !important; padding-bottom:12px !important; padding-left:12px !important; padding-right:12px !important; border:1px solid #6C7D8E}
 input {background-color:#D2DEEA !important; border:1px solid #6C7D8E}
 textarea {background-color:#D2DEEA !important; border:1px solid #6C7D8E}
 span.quote_text {font-style:italic; display: block; padding: 6px 12px 6px 12px; border-top:1px solid #EEEFF0; border-bottom:1px solid #EEEFF0; background: #D2DEEA; font-style:normal !important; font-size:12px}
 .countFirstDate, .countSecondDate {text-align: center !important; margin-right:-10px !important; margin-left:-10px !important}
 .header{margin-right:-10px !important; margin-left:-10px !important; text-align: left !important; padding-top: 12px !important}
 .authorName{margin-bottom:0px !important; margin-right:-10px !important; margin-left:-10px !important; font-style:italic; font-size:16px}
 .sign{font-size:11px; text-align: center; color: #5C6772; padding-top:6px !important}
 .avatar img,.avatarNew img {display: block; position: relative; padding: 0px}
 .postLinksBackg{padding-top:6px !important; padding-bottom:12px !important; margin-right:-10px !important; margin-left:-10px !important; font-size:12px}
 .TagL{color:#5C6772}
 .atMusic {color:#1A2229}
 .atMood {color:#2A3844}
 .atTag {color:#3A4C5D}
 .atTag span, .atMusic span, .atMood span {font-style: normal !important}

Дизайн блочный, навигационная панель вверху.
Настройки шрифта: book antiqua, заголовок жирный курсив 16 кегль, текст 13 кегль.
Настройки цвета текста: заголовок #677989, ссылки #3A4C5D, текст #1E2124, оффтоп #7F8C97.

Дизайн протестирован в Опере 9, ИЕ 8.
Исходники найдены в сети и принадлежат авторам.

Upd. "Writ in water" — это не баг, это фича.) Это цитата из эпитафии Джона Китса, см. здесь.

Comments

[Scarlet]

Очень красиво

[Лисья Шкура]

смотрите умейл.

[yumii~]

Интересный дизайн^^

[Strijkova]

интересно)

[[Nekadest]]

интересно, унесла в цитатник)

[сирокко и вереск]

Очень.

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

Спасибо всем большое.
[ Вёрджил ], отдельное.)

[Annie Kahn]

Мне тоже очень понравился дизайн! Но шрифт почему-то нет. Скажите, его можно потом в коде изменить?

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

Annie Kahn, шрифт в заголовках меню — нет. Шрифт ссылок и записей — да.

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

очень стильный, это точно!
а должно быть так, что нет ссылки на профиль хозяина и на дневник?

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

шатаюсяясся, на профиль есть, но она прячется...) Это надпись "the rain went on".

[Annie Kahn]

Звездочёт. Спасибо тогда беру в коллекцию!)))

[-tdutybz-]

Красивый дизайн. Спасибо большое, взяла поносить)))

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

Звездочёт. нестандартно)

[Cadaveria.]

стащила в цитатник

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

Annie Kahn, -tdutybz-, шатаюсяясся, Cadaveria., =)

[polishastik]

модерское бу-бу-бу

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

[Счастливчик Джо]

Звездочёт. замечательный дизайн..)

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

polishastik, исправила. Про исходники учту, т.к. диз старый, за давностью лет они не сохранились. В следующий раз всё будет.

Счастливчик Джо, благодарю.)

[_Darina_]

О, это супер!

[arockalypse]

а от фона записи не рябит в глазах или это у меня такие глаза чувствительные? так все очень красиво и стильно

[Сван_]

это прсото ахренеть *_____*
возьму себе в коллекцию

Звездочёт., у меня включена функция с последними комментариями (#lastComments) в дневнике. Они открываются как раз поверх первого и второго столбца таблицы меню. Может, это как-нибудь поправить?... Тоже, например, отключить.

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

_Darina_, Rainbow fairies nach, спасибо. =)

arockalypse, я старалась сделать неконтрастный фон, но итог, конечно, сильно зависит от монитора. Если берёте, могу поменять на однотонный вариант, мне не критично.

Lexia le Forte, сейчас добавлю. Всегда делала дизы только под себя и для себя, поэтому трудно с ходу учесть все возможности. =) Спасибо за поправку.

[Подвижный]

It's deep and dark
deep down in my heart.. (с)

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

Lexia le Forte, добавила в код.)

Подвижный, ооо да! =)

[Тысячелетняя коза и с лопатой]

Шикарный дизайн. Цвета, цвета-то какие...
Жалею, что у меня не подключён CSS.
А можно картинку в эпиграфе утащить? Пожалуйста))

утяну в коллекцию)

[Dora Stramm]

Звездочет.
Добрый день!
Очень понравилось! ))
Хочу взять, но со своим экстратопом и подсветкой активных ссылок.
Надеюсь, вы не против
А еще у вас нет ссылки на Блокнот. Нельзя ли ее добавить?..

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

Аффтар наконец вернулся.))

SakuraXD, terra alba., Isidora Stramm, мрмрмр! ^^
Isidora Stramm, в принципе, делайте, что хотите (если желание за десять дней не пропало)), мне даже интересно, как получится. И спасибо большое, что спросили.