№ 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

[Dora Stramm]

Звездочет. , уже можно посмотреть
Пользуюсь с удовольствием, так что спасибо еще раз

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

))) Клёво, мне нравится.

[Del.Grei]

очень красиво **
взяла поносить, спасибо.

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

Ukai_Noriko, пожалуйста, на здоровье. =)

[Hoyt.]

Очень красивый, взял себе)
К тому же Китс.
PS. А у вас есть вариант однотонного фона для постов? А то напрягают все-таки полоски(( А остальное все безумно нравится.

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

С этим кодом попробуйте:

body{background-color: #000000; margin:0; padding:0}
 #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-color: #D2DEEA; 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-color: #D2DEEA; 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-color: #D2DEEA; 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-color: #D2DEEA; border:1px solid #6C7D8E}
 #JournalCalendar .singlePost .postContent {background-color: #D2DEEA; 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}

[Hoyt.]

Max Well
Спасибо!

Спасибо за такой чудесный диз,только вот я не поняла,как изменить "название дневника" и "имя автора"на свое собственное? Или ваш диз этого не предусматривает?

возьму носить, спасибо)