№1249 - [500 days of]

[Invisible]

Делала для себя, теперь отдаю в хорошие руки. Дизайн динамический.

Пример

Настройки

Примечание: "Invisible" меняется на ваш ник. Юзерам с длинными никами не рекомендуется

Дизайн - табличный, меню - слева
Шрифт - Verdana
заголовок - обычный, 12, цвет #f9f9db
текст - обычный, 12, цвет #1f1e1a
ссылки - цвет #b0a84d
оффтоп - цвет #998f80

Цвет фона и границ: все окошки пустые

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

код

 {--------------------доп-блоки-(4)------------------------------}
 body {background: #000 url('ФОН'); padding: 0px !important;}
 #wrapper{min-width:0; background:url('ПРАВЫЙ-КРАЙ') top right repeat-y; margin-right:40px; margin-top:470px;}
 #page-t { margin-right:8px; background: url('ЛЕВЫЙ-КРАЙ') top left repeat-y; padding-left:0px; padding-top:1px;}
 #page-c { padding-top:-60px; padding-right:0px; padding-bottom:20px; }
 #postsArea, #newCommentsArea { background: #d1cdc7 url('ВЕРХ') top repeat-x; margin-left:13px; padding-right:25px; padding-bottom:15px !important; margin-bottom:-20px !important; padding-top:5px;margin-top:-5px; margin-right:-2px;}
 {--------------------доп-блоки-(4)------------------------------}
 #add_block1{background: url('ЭКСТРАТОП') top center no-repeat; position:absolute; top:0px; height:370px; width:1180px !important; left:50%; margin-left:-590px; z-index:-1;}
 #add_block2{position:absolute; background: #000 url('ПР-ЭКСТРАТОП') top repeat-x; top:0px; right:0px; height:380px; width:100%; z-index:-2;}
 #add_block3{position:absolute; background: #000 url('ЛЕ-ЭКСТРАТОП') right top; right:50%; top:0px; margin-right:590px; height:370px; width:100%; z-index:-2;}
 #add_block4 {position:absolute; background: url('ГРАДИЕНТ'); top:380px; height:96px; width:100%; z-index:-2; }
 {-------------------------------Меню----------------------------------------}
 #side { width:170px; margin-left:50px; margin-top:-30px; line-height:16px; font-family:Georgia; font-size:140%; text-shadow: #3a3224 0px 0px 3px; }
 .menuSection_title{display:block; color:#c3bbb0; font:20px "Georgia"; font-weight:normal; margin-left:-10px; white-space:nowrap; padding-bottom:10px;}
 .menuSection a:hover{color:#d1cdc7!important;}
 .menuSection ul b {font-weight:normal;}
 {------------------------имя-дневник-(1)------------------------}
 #authorName{background: url('НИКНЭЙМ') no-repeat left top; height:49px; margin-top:-15px; padding-top:15px; position:absolute; top:120px; left:43%; font-family:Arial; font-size:44px; color:#c3bbb0; letter-spacing:-1px; padding-left:263px;}
 #side h1 a{position:absolute; top:445px; right:50px; white-space:nowrap; font-family:Arial; color:#c3bbb0; text-shadow: #3f382e 0px 0px 3px; !important; font-weight:bold; font-size:10pt; font-style:italic; }
 {------------------------------полоса записей--------------------------------------}
 #myNotepadLink, #myAccountLink, #topNavLinks a, #side h1 img, #faqLink {display:none !important}
 #postsArea a, #commentsArea a, #addCommentArea a {color:#90812b;}
 .postContent, .urlLink {margin-left:20px !important; margin-right:-10px !important;}
 a:hover {text-decoration:none; color: #000 !important;}
 #postsArea .postDate {color:#6f655b; font-size:12px; text-shadow: #f2f1e0 0px 0px 2px; margin-right:-20px !important;}
 .postTitle{color:#6f655b; font:24px "Georgia"; font-weight:normal; margin-left:30px;}
 .postLinks {margin-right:-20px;}
 #TagsList, #lastComments {font-size:12px !important; font-weight:normal !important;}
 .countSecond .postContent, .countFirst .postContent, #epigraph .postContent, #addCommentArea, #msg_form, #commentsArea {background: #d1cdc7;}
 #addCommentArea, #msg_form, #commentsArea{padding-right:35px;padding-left:10px; margin-left:10px; padding-top:2px;}
 {-----------------Разделитель-(1)------------------------}
 .postLinksBackg {background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat; height:35px; margin-bottom:15px;}
 .prevnext {padding:0px !important; margin:0px !important; background:none !important;}
 .authorName, .communityName {padding-left:25px;}
 .authorName a, .communityName a {color:#1f1e1a !important;}
 .authorName a:hover, .communityName a:hover {color:#90812b !important;}
 {-----------------------------------------}
 #addCommentArea_title, #commentsArea_title {color:#6f655b !important;}
 #commentsArea {margin-bottom:-20px !important;}
 #addCommentArea { padding-bottom:15px !important; margin-bottom:-20px !important;}
 #login_change {text-shadow:none !important;}
 #epigraph {background: none; padding-bottom:5px;}
 .avatar img {width: 100px; border: 1px solid #90812b; padding:3px; background: #e1ddd7;}
 .pageBar{position:relative; z-index:5; margin-top:-10px;}
 {----------------Цитата-(2 раза в одной строке)-----------------------}
 span.quote_text {display: inline-block; font-style:normal !important; padding-top:3px; padding-right:10px; margin-bottom:2px; padding-left:5px; padding-bottom:5px; }
 .quote_text{ background: url('ЦИТАТА') top repeat-x, url('ЦИТАТА') bottom repeat-x, #e1ddd7;}
 .singlePost span.quote_text {margin-left:20px;}
 .blockquote{margin-left:-18px !important; margin-bottom:3px; padding-top:3px; display: block; color:#6b5638;}
 .sign{color:#867c73; font-style:italic;} 

Comments

[bocca_chiusa]

Очень приятный дизайн!
Скажите, пожалуйста, а с аватарками он как поступает — оставляет им «родные» размеры, или фиксирует какой-то один? А подписи под аватарами оставляет?

[Invisible]

bocca_chiusa, ужимает до 100 по ширине и добавляет тонкую рамку =) Если хотите чтобы не ужимал - уберите из строки выделенную часть:
.avatar img {width: 100px; border: 1px solid #90812b; padding:3px; background: #e1ddd7;}
Подписи остаются.

[Ver/o/nika]

Ооооо, какой отличный дизайн *0*

[Блэй]

Прекрасный дизайн! Обожаю этот фильм

[кин.]

потрясающе

[yolenev]

Очень атмосферная работа!

[Lirana Niu]

хороший дизайн, лично мне под настроение попал

[Lirana Niu]

что-то верхушка криво встала

[Invisible]

Ver/o/nika
Пакуля
кин.
electric lamb
Lina Nayu
Спасибо =)))

Lina Nayu,
Если бы я видела у вас на дневнике, то возможно смогла бы решить проблему

[Lirana Niu]

Invisible, щас поставлю и покажу

[Lirana Niu]

[Invisible]

Lina Nayu,
Блин, это долбаный фотобакет ужал картинку
Я перезалила ее на другой хостинг, просто скачайте "экстратоп" еще раз и вставьте в код, должно быть все нормально

[Lirana Niu]

Invisible, спасибо)

[Lirana Niu]

не-а ничего не поменялось(
когда гружу в БИ там мнятся размер(

[Invisible]

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

[indigo]

Invisible, очень атмосферно, красиво)
жаль что мрачновато, мне не подходит)

[watney]

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

[Lilymoor]

Красота!

[T. M. Riddle]

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

[чердачный мышь]

какая красота, я в восторге!! скажите, а можно ли в вашем дизайне поменять шрифт и убрать некоторые пункты меню?

[Invisible]

всем спасибо!

чердачный мышь,
да, можно

[Соффа]

а где взять "ПРАВЫЙ-КРАЙ
ЛЕВЫЙ-КРАЙ
ВЕРХ
ЭКСТРАТОП
ПР-ЭКСТРАТОП
ЛЕ-ЭКСТРАТОП
ГРАДИЕНТ
НИКНЭЙМ
РАЗДЕЛИТЕЛЬ
ЦИТАТА
"
в своих настройках? у меня полей таких нет!

[DHead]

Invisible, совершенно чудесный дизайн, спасибо вам огромное! Очень красивый, стильный и удобный. И по настроению - ровно то, что я так долго искала ))) Спасибо вам!