№967. Нина

[La_mignonne]

Отдаю свой диз, который у меня стоял до сегодняшнего дня))
На эпике Нина Добрев.
Первым пяти отметившимся ник-название делаю картинкой)



При использовании дизайна просьба ставить баннер сообщества

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
или
"что это за код и куда его вставлять, памагити!?"
Инструкция по установке - читать


Дизайн - блочный, меню - вверху
Шрифт - Verdana
ссылки - #512a18
текст - #2e1a11
заголовок - #3b1f15
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

 body {background: #2e1a11 url('ФОН') no-repeat; no-repeat; background-position: 50% 0;}
 #extratop {height: 510px;}
 #wrapper{width:980px;min-width:0;position:relative;}
 #page-c {background: #3b1f15; -moz-border-radius: 7px; border-radius: 7px; -moz-box-shadow: inset 0px 0px 50px #1e0d09; box-shadow: inset 0px 0px 50px #1e0d09; border: 2px solid #3d2012;}
 .singlePost, .singleComment {position: relative; background: #66463b; -moz-border-radius: 7px; border-radius: 7px; width:890px; padding: 10px 15px 15px 15px !important; margin: 0px 0px 45px 20px !important;-webkit-box-shadow: 0px 0px 10px #2e1a11; -moz-box-shadow: 0px 0px 10px #2e1a11; box-shadow: 0px 0px 10px #2e1a11;}
 .header span {font-family:"Georgia"; font-size: 25px;}
 .header h2 {margin-left: 10px; font-family:"Georgia"; font-size: 20px;}
 .postDate {font-family:"Georgia"; text-transform: lowercase; text-align: left !important;}
 .atTag { margin: 5px 0 5px 0px !important; left: 0; color: #3b1f15 !important; position: absolute; margin-top: 25px !important;}
 .atTag em { font: 11px Georgia; color: #202020; line-height: 28px !important; }
 .atTag a {background: #402319; padding: 5px 5px !important; text-transform: lowercase; color: #24110b; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px;}
 .atTag a:hover { text-decoration: none; color: #1d0e09 !important; background: #66463b !important; }
 .atTag span {display: none;}
 .postLinksBackg {position: absolute; margin-top: 20px !important; right: 0; color: #66463b; text-transform: lowercase; font: 11px Georgia;}
 .postLinksBackg a:hover, #side a:hover {color: #762c26;}
 #myLinks {margin-top: 1px; left: -650px; position: absolute;}
 #myLinks ul {visibility:visible !important; display:block !important;}
 #side li {float:right !important; padding-right:7px !important;}
 #myLinks li {float:left !important; padding-right:7px !important;}
 #myLinks ul {width:660px; }
 #myLinks a {background: #3e1e14; padding: 7px 15px !important; text-transform: lowercase; color: #66463b; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px; border: 1px #25120b solid;}
 #myLinks a:hover {background: #66463b; padding: 7px 15px !important; text-transform: lowercase; color: #3e1e14; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px; border: 1px #25120b solid;}
 #myLinks_title, #iAmQuit, #all_links{display: none !important;}
 #epigraph, #post0 {color: #66463b;height:100px; margin-left: 0px!important; position: relative;}
 #epigraph {background: #402319 !important; width:900px; padding: 0px 15px 15px 0px !important; margin: 0px 0px 15px 20px !important; margin-top: 20px !important; }
 #post0 {background: none !important;height:120px !important;-moz-box-shadow: none !important; }
 #epigraph a {color: #663b2b; text-decoration: none;}
 #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title {background: #66463b; padding: 7px 7px !important; text-transform: lowercase; color: #3e1e14; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px; border: 1px #25120b solid;}
 #thisDiaryOwner_title:hover, #myDiaryLinks_title:hover, #globalLinks_title:hover {background: #3e1e14; padding: 7px 7px !important; text-transform: lowercase; color: #66463b; text-decoration: none; -moz-border-radius: 3px; border-radius: 23px; border: 1px #25120b solid;}
 #side {position: absolute; right: 0;top: 420px;}
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul {width:850px; right: 0;}
 #thisDiaryOwner ul li, #myDiaryLinks ul li, #globalLinks ul li {border-right: 1px #66463b solid;margin: 3px;}
 {-----------------none---------------------}
 #albumLink, #myLinksLink, #photolibLink, #allDiaryLink, #diarySupportLink, #diarySpiritLink, #randomDiaryLink, #faqLink, #pchListLink, #postsCalendar, #rssLink, #optionsLink, #myProfileLink, #thisDiaryLinks, #Stats a+a, #sortOrder, .header order_button, .sign, #headlineList, #pchs, #lastComments {display: none;}
 {-------------------------}
 div.voting img { height: 0px !important; border: 5px #511c1c solid;}
 #pageBar {margin: -10px 0px 10px 123px !important; width: 820px !important; }
 .pages_str td {width: 410px !important; }
 .pages_str a {background: #402319; padding: 5px 5px !important; text-transform: lowercase; color: #24110b; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px;padding: 5px 9px 6px 9px !important; }
 .pages_str a:hover, .pageBar td a:hover {background: #66463b; padding: 5px 5px !important; text-transform: lowercase; color: #24110b; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px;padding: 5px 9px 6px 9px !important; }
 .pageBar td a {background: #402319; padding: 5px 5px !important; text-transform: lowercase; color: #24110b; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px;padding: 5px 9px 6px 9px !important; }
 .pageBar td strong { color: #24110b; text-decoration: none; -moz-border-radius: 2px; border-radius: 2px; background: #511c1c; padding: 5px 9px 6px 9px !important; }
 #side a, .postLinksBackg a {color: #66463b;text-shadow: 0px 1px 0px #161414;}
 #side a:hover, .postLinksBackg a:hover {text-shadow: none;}
 {----------------Темы-----------------}
 #TagsList ul {width: 250px !important; background: #66463b; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 0px 10px #2e1a11; -moz-box-shadow: 0px 0px 10px #2e1a11; box-shadow: 0px 0px 10px #2e1a11; padding: 10px 0px 5px 20px !important; margin: 0px 0px 45px 20px !important;}
 #TagsList ul a {text-shadow: none; color: #3b1f15;}
 #content .tags_ul_all {background: #66463b; -moz-border-radius: 7px; border-radius: 7px; width:880px !important; padding: 10px 10px 10px 25px !important; margin-left: 20px !important;-webkit-box-shadow: 0px 0px 10px #2e1a11; -moz-box-shadow: 0px 0px 10px #2e1a11; box-shadow: 0px 0px 10px #2e1a11; margin-top: 20px!important;}
 {----------Комментарии---------Запись----------}
 #commentsArea_title, #addCommentArea_title, #new_post_title {color: #663b2b; font: 20px Georgia; text-align: center;}
 .prevnext {display: none;}
 #commentsArea, #addCommentArea {margin-top: -30px;}
 .avatar img { max-width: 100px; width: 100px; padding: 5px; background: #3e1e14; -moz-border-radius: 2px; border-radius: 2px;}
 .avatar { max-width: 100px; width: 100px;}
 #msg_form {background: #66463b !important; padding: 10px 15px 15px 10px !important; margin: 0px 0px 15px 20px !important;-moz-border-radius: 7px; border-radius: 7px; width:890px; color: #3b1f15;}
 #message {border: 2px solid #391e14 !important; -moz-border-radius: 7px; border-radius: 7px; margin: 10px 0px 10px 0px !important; padding: 3px 3px 3px 3px !important; width: 880px!important;color: #cdb9a6;}
 #JournalComments #postsArea {margin-top: 20px;}
 #JournalComments .atTag {position: inherit;}
 .text {border: 2px solid #391e14 !important; -moz-border-radius: 7px; border-radius: 7px;color: #cdb9a6 !important;}
 #shsmile {background: #cdb9a6; -moz-border-radius: 7px; border-radius: 7px;margin: 0px 5px 10px 0px !important;}
 {-------------Черновик------------}
 #JournalDraft #epigraph {display: none;}
 #draft_title{color: #663b2b; font: 20px Georgia; text-align: center;}
 {--------------Избранное------Цитатник---------}
 #JournalFavorite .atTag, #JournalQuote .atTag {position: inherit;}
 #YaSearch {position: absolute; top: 200px;}
 {--------------------Поиск--------------------------}
 #YaSearch {position: absolute; top: -10px!important;left: 80px;}
 #yaquery {border: 2px solid #3e1e14 !important; -moz-border-radius: 7px; border-radius: 7px;color: #cdb9a6 !important;}
 #search_selectnewsel, #search_selectbtid{display:none !important;}
 #YaSearchForm input.submit {display:block !important; width:27px !important; height:23px !important; line-height:500px !important; overflow:hidden; background: url('ПОИСК') 0px 0px no-repeat; position:absolute; ont-family:"Verdana",monospace;font-size:0%; margin-top:-13px; margin-left:2px}
 #YaSearchForm #yaquery {background: none !important; width:180px;}
 span.quote_text { font: italic 14px Georgia; color: #3e1e14; display: block; margin: 5px 0 5px 10px; padding: 10px 10px 10px 10px; border-top: 3px solid #3e1e14; border-bottom: 3px solid #3e1e14;}

если название и ник картинками, то + в конец кода вставить эти строки

 #side h1 a {display:block; width:266px; height:87px; line-height:700px; overflow:hidden; background: url('ДНЕВНИК') no-repeat;position:absolute; top: -360px;left: 0px;}
 #authorName {display:block; width:153px; height:55px; line-height:700px; overflow:hidden; background: url('НИК') no-repeat;position:absolute; top: -388px;left: -110px;}

если обычным текстом, то эти

 #side h1 a {position:absolute; top: -360px;left: 0px; font: italic 36px Arial; color: #f1c9a3 !important;}
 #authorName {position:absolute; top: -388px;left: -110px; font: italic 20px Arial !important; color: #ffaa8b !important;}

картинки
ПОИСК img-fotki.yandex.ru/get/16138/62306769.19/0_c45...
ФОН img-fotki.yandex.ru/get/5821/62306769.19/0_c45d...


У вас съехал ник и название днева
В следующих строках кода замените числа, выделенными жирным (top - расстояние от верха, left - отступ слева, font-size - размер текста)

Название
#side h1 a {position:absolute; top: -360px;left: 0px; font: italic 36px Arial; color: #f1c9a3 !important;}
Ник
#authorName {position:absolute; top: -388px;left: -110px; font: italic 20px Arial !important; color: #ffaa8b !important;}

Все исходники принадлежат их авторам

Comments

[домоугробёнок]

беру поносить

[MiladyFleed]

очень красиво) можно взять поносить?

[La_mignonne]

конечно))

[Шоколад (:]

Бооооже! какая красотища! специально подключу CSS ради этого дизайна!)))
вы - талантище!