№ 986. X-men: First Class # 2

[dizain-by-shokolad]

Собственно, все интересующиеся, вероятно, уже видели, но автору дали добро на выкладку, и автор решил запостить это еще и тут.
За помощь в кодировании огромное спасибо Vektus и  dead_mockingbird.
При использовании ставим баннер сообщества и машем ручкой в комментах, а также рассказываем о косяках, ежели таковые присутствуют, и желательно со скриншотами.

ВАРИАНТ CSS

настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

настройки

дизайн блочный, навигационная панель сверху
цвет текста заголовка и записи - #474a57
цвет ссылок - #5b6a9f
основное: экстратоп, экстработтом, фон.
картинки в меню: один, два, три, четыре, пять, шесть, семь, восемь, девять, десять.

 body{ background: #d0e9d6 url('ФОН') 0 50% fixed no-repeat; background-attachment:fixed; padding: 0 !important; margin-top:0px !important;}
 {--------основное--------}
 #extratop {background: url('ЭКСТРАТОП') no-repeat; width: 900 height:300px !important; padding: 0 !important; margin-top:0px !important;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900 height:100px !important; padding: 0 !important; margin-bottom: 0 !important;position:relative; top:0px }
 #page-c {background: #ebf4d8}
 #wrapper {position:relative;}
 #YaSearch {display:none}
 #wrapper{min-width:900px!important;width:900 background: #d0e9d6; margin: 0 !important;padding:0px !important;overflow:hidden !important; }
 #side{width:900px !important;margin:0 !important}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #page-c a{color:#313855}
 #side, .menuSection {background: #ebf4d8; font:15px calibri !important;}
 #side a:hover,a:active{color:#60598c; font: Calibri !important; text-decoration:none;}
 {--------картинки в меню--------}
 #thisDiaryLinks_title {display:block; width:108 height:50 line-height:500 overflow:hidden; background: url('ОДИН') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #thisDiaryLinks_title:hover {display:block; width:108 height:50 line-height:500 overflow:hidden; background: url('ДВА') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #thisDiaryOwner ul { margin: 0 0 0 300px !important;}
 #thisDiaryOwner_title {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ТРИ') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 300px !important}
 #thisDiaryOwner_title:hover {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ЧЕТЫРЕ') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 300px !important}
 #myDiaryLinks_title {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ПЯТЬ') 2px 4px no-repeat; margin-left:px !important }
 #myDiaryLinks_title:hover {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ШЕСТЬ') 2px 4px no-repeat; margin-left: px !important }
 #globalLinks_title {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('СЕМЬ') 2px 4px no-repeat; margin-left: 0px !important }
 #globalLinks_title:hover {display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ВОСЕМЬ') 2px 4px no-repeat; margin-left: 0px !important }
 #myLinks_title{display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ДЕВЯТЬ') 2px 4px no-repeat; margin-left: -10px !important }
 #myLinks_title:hover{display:block; width:90 height:50 line-height:500 overflow:hidden; background: url('ДЕСЯТЬ') 2px 4px no-repeat; margin-left: -10px !important }
 #iAmQuit {display:none}
 {--------пост--------}
 .sign { font-style:italic;}
 .postLinksBackg {font-style:bold}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea {font:15px calibri !important;}
 #side h1 A {position:absolute; top:302 left:360 font-size:20 font-weight:bold; text-transform:uppercase;}
 .top .menuSection ul, .top #thisDiaryPhoto, .top #sign{background-color:#ebf4d8; border:0; }
 .postDate { text-align:center; text-transform:uppercase;}
 .block_design .singlePost, .block_design .singleComment, .block_design .pageBar, .block_design .group_link, .block_design .postLinksBackg {border: #ebf4d8; border-top-width: 1 border-top-style:solid;}
 #bottomNav {background: #ebf4d8; font:15px calibri !important; margin-top: -25px !important}
 

ВАРИАНТ ДЛЯ БЕСПЛАТНЫХ ДНЕВНИКОВ

настройки

дизайн блочный, навигационная панель слева, шрифт verdana (12 и 14 px)
цвет текста заголовка и записи - #474a57
цвет ссылок - #5b6a9f
цвет оффтопика - #6fa3b3
цвет фона записи - #d0e9d6
фон, фото, эпиграф