№ 958

[dizain-by-shokolad]

Настройки

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

настройки

Настройки:
Дизайн: табличный, меню слева.
Заголовок - обычный, 16; текст - обычный, 14; шрифт - Georgia
Цвет: загововок, ссылки, текст - #000, оффтоп - #C3C3C3

Код:

html, body {margin: 0 !important; padding: 0 !important; }
 .order_button, #topNav, #bottomNav, .urlLink, .prevnext, #upInChart, #photolibLink, .opac6, #YaSearch {display: none !important; }
 #wrapper {width: 100% !important; min-width: 500px !important; max-width: 100% !important; display: relative; overflow-x: hidden; }
 #page-c {margin: 0 !important; }
 #page-t {margin: 40px 40px 40px 360px !important; }
 #side {position: fixed; top: 40 left: 140 width: 200 }
 .menuSection {position: relative; width: 220 text-align: right !important; height: 26 min-height: 26 overflow: hidden; padding: 0px !important; }
 .menuSection ul {margin-right: 20px !important; }
 .menuSection:hover, .menuSection:active {overflow: visible; height: auto; }
 .menuSection_title {display: block !important; height: 20 width: 200 padding: 3px 0; }
 .menuSection:hover .menuSection_title b {border-bottom: 1px dashed #3A3A3A; }
 .menuSection_title b {padding-bottom: 3 }
 .menuSection {right: 20 }
 #Stats {right: 40 margin-top: 5 }
 #side h1 {text-align: right; padding: 0px 20px 10px 0; }
 #side h1 a {padding-right: 18 }
 #thisDiaryPhoto {display: none; }
 #thisDiaryInfo {padding: 0 20px 10px 0 !important; margin-left: 0px !important; width: 200 }
 #thisDiaryInfo:hover #thisDiaryPhoto {display: block; position: absolute; margin-top: 20 margin-left: 80 z-index: 10; }
 #side ul a b {font-weight: normal !important; }
 #TagsList li a {padding-right: 10 }
 .singlePost, .singleComment, #epigraph, #msg_form, #JournalCalendar #page-t, #JournalLinks #page-t, #pageBar {background-color: #FDFCFC; -moz-border-radius: 10 border-radius: 10 padding: 15px 25 margin: 40px 0; }
 .pages_str {position: absolute; width: 100%; right: 20 }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: 390 }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30 }
 .postDate {position: absolute; margin-top: -40 font-size: 80% !important; right: 55 }
 .countFirst .postTitle, .countSecond .postTitle {border-bottom: 1px #D5CCB6 dashed; padding: 5px 0; }
 .countFirst .postTitle h2, .countSecond .postTitle h2 {padding-left: 20 }
 .postContent {padding: 10px 0; }
 .paragraph {padding: 0; }
 .postLinksBackg {border-top: 1px #D5CCB6 dashed; padding: 5px 0; }
 a, a:hover {text-decoration: none !important; }
 #side a:hover {text-decoration: none !important; color: #F8F8F8; text-shadow: 1px 1px 1px #DFDFDF; }
 #page-t a {color: #A19579; }
 #page-t a:hover {color: #686868; border-bottom: 1px dashed #000; text-shadow: 1px 1px 1px #A19579; }
 .postLinksBackg {text-align: left; color: #E2DDD5; }
 .postLinksBackg a {color: #000; }
 .comments_count_link a {color: #35322C !important; }
 .postLinks li {margin: 0 10px 0 0 !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .avatar img {border: 3px solid #A19579; }
 .quote_text {display: block; background: #F3F0ED; border: 1px dashed #A19579; padding: 10 }
 .countFirst .postLinksBackg a, .countSecond .postLinksBackg a {opacity: 0.3; }
 .countFirst:hover .postLinksBackg a, .countSecond:hover .postLinksBackg a {opacity: 1; }
 .tags_ul_all a {color: #756642 !important; }
 #msg_form {margin: 0; }
 #addCommentArea .formcontainer {padding: 0; }
 #commentsArea {margin: -10px 0 -10px 0; }
 #commentsArea_title {margin-bottom: -40 }
 input.submit, .submit {background: #B4997E; -moz-border-radius: 3 border-radius: 3 }
 .authorName, .communityName, .commentAuthor {padding-left: 0; margin-left: 0; }
 .sign {color: #D6C6B6; font-size: 70%; }
 #post0 {padding: 0; margin: 0; }
 .group_link {text-align: center; border-top: 1px #D5CCB6 dashed; }
 {--------------------картинки--------------------}
 html, body {background: url('ФОН') repeat fixed bottom left; }
 #wrapper {background: url('КАРТИНКА 1') no-repeat left bottom fixed; }
 #side h1 a {background: url('КАРТИНКА 2') no-repeat top right; }
 .singlePost.countFirst .postTitle h2, .singlePost.countSecond .postTitle h2 {background: url('ЗАГОЛОВОК') top left no-repeat; } 

Картинки:
фон
картинка 1
картинка 2
заголовок

Исходник

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