№ 768

[dizain-by-shokolad]

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

Настройки

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

Настройки

Настройки:
Дизайн: табличный, меню вверху.
Заголовок - обычный, 17; текст - обычный, 15; шрифт - Georgia
Цвет: текста, заголовка, ссылки - #323A56; оффтоп: #F4F6FF

Код:

  *html body {behavior: url("/files/csshover.htc"); }
 html, body {padding: 0 !important; margin: 0 !important; position: relative; width: 100% !important; max-width: 100% !important; min-width: 1005px !important; }
 #topNav, #bottomNav, #thisDiaryLinks, #side .menuSection_title b, #iAmQuit, .urlLink, #photolibLink, #albumLink, #myProfileLink, #communityCatalogueLink, #faqLink, .opac6, .order_button {display: none !important; }
 #wrapper {width: 1005px !important; max-width: 100% !important; min-width: 1005px !important; }
 #extratop {width: 1005 height: 269 top: 0; z-index: 11; position: absolute; }
 #extrabottom {width: 1005 height: 125 }
 #add_block1 {width: 100%; min-width: 1005px !important; height: 200 top: 0; position: absolute; z-index: 10; }
 #add_block2 {position: absolute; z-index: 12; height: 65 width: 100%; min-width: 1005px !important; top: 0; }
 #side {position: absolute; width: 1005px !important; height: 240 }
 #side .bordered {margin-left: 30 }
 #page-c {width: 825px !important; margin: auto; padding: 261px 90px 1 }
 #thisDiaryInfo {position: absolute; top: 185px !important; margin-right: 45px !important; z-index: 12 !important; }
 #authorName {color: #67739E; font: normal 27px poor richard, georgia !important; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9; }
 #authorName:hover {color: #E1E7FA !important; text-shadow: 2px 2px 0px #67739E !important; }
 #side h1 {position: absolute; text-align: center !important; top: 85 z-index: 12 !important; left:0; right:0; }
 #side h1 a {font: normal 50px poor richard, georgia !important; color: #67739E !important; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9, 3px 3px 0px #D1D9F7, 2px 2px 0px #EAEEF9; }
 #side h1 a:hover {color: #E1E7FA !important; text-shadow: 2px 2px 0px #67739E !important; }
 #side .menuSection_title {height: 50 }
 #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks {padding: 0 !important; position: absolute; top: 0 z-index: 13; height: 70 }
 #thisDiaryOwner_title {width: 100 background-position: 0px 0; }
 #myDiaryLinks {margin-left: 100 }
 #myDiaryLinks_title {width: 120 background-position: -100px 0; }
 #globalLinks {margin-left: 220 }
 #globalLinks_title {width: 100 background-position: -225px 0; }
 #myLinks {margin-left: 320 }
 #myLinks_title {width: 80 background-position: -325px 0; }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {width: 184px !important; padding: 10px 0 25px 30px !important; max-height: 246 }
 #myLinks ul {overflow: auto; }
 a {text-decoration: none !important; border-bottom: 1px dashed #67739E; }
 .postLinksBackg a, #side h1 a, #authorName, .postActionLinks a, .postActionLinks a:hover, #side a {border: none; }
 #side a:hover, a:hover {text-decoration: none !important; border-bottom: 1px dashed #A8B2D4; color: #A8B2D4; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9, 2px 2px 1px #EAEEF9; }
 #side h1 a:hover {text-decoration: underline !important; border: none !important; }
 .paragraph div a {color: #7E87A8; }
 .paragraph a:hover {color: #9BA5CB; border-bottom: #282D40 dashed 1 }
 .singlePost, .singleComment {border-bottom: 2px dashed #67739E; margin-top: 10 }
 #post0 {border: none; }
 .postTitle h2 {font-size: 80%; text-transform: uppercase }
 .postTitle span {font: 120% poor richard, georgia; }
 .postDate span {border-bottom: 1px dashed #67739E; }
 .postContent {padding: 0 30 }
 .atMusic, .atTag, .atMood {text-align: right; }
 .commentAuthor {margin-right: 20 margin-bottom: 10 }
 .authorName {padding-bottom: 15 margin-left: 30 }
 .communityName {padding-bottom: 5 margin-left: 30 }
 .postLinksBackg a, .postLinksBackg {opacity: 0.5; moz-opacity: 0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
 .singlePost:hover .postLinksBackg a, .singlePost:hover .postLinksBackg, .singleComment:hover .postLinksBackg a, .singleComment:hover .postLinksBackg {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 #Journal #pageBar {position: absolute; margin: auto !important; left: 0; right: 0; margin-top: 15px !important; }
#pageBar a:hover {color: #E5E9F7; text-shadow: none; }
 span.quote_text {background-color: #BFC9E4; border-top: 2px dashed #67739E; border-bottom: 2px dashed #67739E; display: inline-block; font-style:italic; margin-top: 12 padding: 5 margin-bottom: 10 }
 .group_link {text-align: center; }
 #TagsList ul {max-height: 246px !important; overflow: auto; padding-right: 20px !important; max-width: 164 }
 .sign {color: #707A9E; font-size: 75%; }
 .paragraph {margin-left: 150 overflow: auto; }
 .postInner {margin-left: -170 }
 body {background: #67739E url('ФОН') top center !important; }
 #extratop {background: url('ЭКСТРАТОП') 0 -10 }
 #extrabottom {background: url('ЭКСТРАБОТТОМ'); }
 #add_block1 {background: url('КАРТИНКА 1') top center; }
 #add_block2 {background: url('КАРТИНКА 2') 0 -5 }
 #page-c {background: url('КАРТИНКА 3'); }
 #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title, #myLinks_title {background-image: url('МЕНЮ 1'); }
 #thisDiaryOwner:hover #thisDiaryOwner_title, #myDiaryLinks:hover #myDiaryLinks_title, #globalLinks:hover #globalLinks_title, #myLinks:hover #myLinks_title {background-image: url('МЕНЮ 2'); }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {background: url('МЕНЮ 3') center bottom; } 

Код дизаина с зафиксированным меню

 html, body {padding: 0 !important; margin: 0 !important; position: relative; width: 100% !important; max-width: 100% !important; min-width: 1005px !important; }
 #topNav, #bottomNav, #thisDiaryLinks, #side .menuSection_title b, #iAmQuit, .urlLink, #photolibLink, #albumLink, #myProfileLink, #communityCatalogueLink, #faqLink, .opac6, .order_button {display: none !important; }
 #wrapper {width: 1005px !important; max-width: 100% !important; min-width: 1005px !important; }
 #extratop {width: 1005 height: 269 top: 0; z-index: 11; position: absolute; }
 #extrabottom {width: 1005 height: 125 }
 #add_block1 {width: 100%; min-width: 1005px !important; height: 200 top: 0; position: absolute; z-index: 10; }
 #add_block2 {position: fixed; z-index: 12; height: 65 width: 100%; min-width: 1005px !important; top: 0; }
 #side {position: absolute; width: 1005px !important; height: 240 }
 #side .bordered {margin-left: 30 }
 #page-c {width: 825px !important; margin: auto; padding: 261px 90px 1 }
 #thisDiaryInfo {position: absolute; top: 185px !important; margin-right: 45px !important; z-index: 12 !important; }
 #authorName {color: #67739E; font: normal 27px poor richard, georgia !important; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9; }
 #authorName:hover {color: #E1E7FA !important; text-shadow: 2px 2px 0px #67739E !important; }
 #side h1 {position: absolute; text-align: center !important; top: 85 z-index: 12 !important; left:0; right:0; }
 #side h1 a {font: normal 50px poor richard, georgia !important; color: #67739E !important; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9, 3px 3px 0px #D1D9F7, 2px 2px 0px #EAEEF9; }
 #side h1 a:hover {color: #E1E7FA !important; text-shadow: 2px 2px 0px #67739E; }
 #side .menuSection_title {height: 50 }
 #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks {padding: 0 !important; position: fixed; top: 0 z-index: 13; height: 70 }
 #thisDiaryOwner_title {width: 100 background-position: 0px 0; }
 #myDiaryLinks {margin-left: 100 }
 #myDiaryLinks_title {width: 120 background-position: -100px 0; }
 #globalLinks {margin-left: 220 }
 #globalLinks_title {width: 100 background-position: -225px 0; }
 #myLinks {margin-left: 320 }
 #myLinks_title {width: 80 background-position: -325px 0; }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {width: 184px !important; padding: 10px 0 25px 30px !important; max-height: 246 }
 #myLinks ul {overflow: auto; }
 a {text-decoration: none !important; border-bottom: 1px dashed #67739E; }
 .postLinksBackg a, #side h1 a, #authorName, .postActionLinks a, .postActionLinks a:hover, #side a {border: none; }
 #side a:hover, a:hover {text-decoration: none !important; border-bottom: 1px dashed #A8B2D4; color: #A8B2D4; text-shadow: 1px 1px 0px #EAEEF9, 2px 2px 0px #EAEEF9, 2px 2px 1px #EAEEF9; }
 #side h1 a:hover {text-decoration: underline !important; border: none !important; }
 .paragraph div a {color: #7E87A8; }
 .paragraph a:hover {color: #9BA5CB; border-bottom: #282D40 dashed 1 }
 .singlePost, .singleComment {border-bottom: 2px dashed #67739E; margin-top: 10 }
 #post0 {border: none; }
 .postTitle h2 {font-size: 80%; text-transform: uppercase }
 .postTitle span {font: 120% poor richard, georgia; }
 .postDate span {border-bottom: 1px dashed #67739E; }
 .postContent {padding: 0 30 }
 .atMusic, .atTag, .atMood {text-align: right; }
 .commentAuthor {float: left; margin-right: 20 margin-bottom: 10 }
 .postInner {float: none; width: auto; }
 .authorName {padding-bottom: 15 margin-left: 30 }
 .communityName {padding-bottom: 5 margin-left: 30 }
 .postLinksBackg a, .postLinksBackg {opacity: 0.5; moz-opacity: 0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
 .singlePost:hover .postLinksBackg a, .singlePost:hover .postLinksBackg, .singleComment:hover .postLinksBackg a, .singleComment:hover .postLinksBackg {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 #Journal #pageBar {position: absolute; margin: auto !important; left: 0; right: 0; margin-top: 15px !important; }
#pageBar a:hover {color: #E5E9F7; text-shadow: none; }
 span.quote_text {background-color: #BFC9E4; border-top: 2px dashed #67739E; border-bottom: 2px dashed #67739E; display: inline-block; font-style:italic; margin-top: 12 padding: 5 margin-bottom: 10 }
 .group_link {text-align: center; }
 #TagsList ul {max-height: 246px !important; overflow: auto; padding-right: 20px !important; max-width: 164 }
 .sign {color: #707A9E; font-size: 75%; }
 body {background: #67739E url('ФОН') top center !important; }
 #extratop {background: url('ЭКСТРАТОП') 0 -10 }
 #extrabottom {background: url('ЭКСТРАБОТТОМ'); }
 #add_block1 {background: url('КАРТИНКА 1') top center; }
 #add_block2 {background: url('КАРТИНКА 2') 0 -5 }
 #page-c {background: url('КАРТИНКА 3'); }
 #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title, #myLinks_title {background-image: url('МЕНЮ 1'); }
 #thisDiaryOwner:hover #thisDiaryOwner_title, #myDiaryLinks:hover #myDiaryLinks_title, #globalLinks:hover #globalLinks_title, #myLinks:hover #myLinks_title {background-image: url('МЕНЮ 2'); }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {background: url('МЕНЮ 3') center bottom; } 

Картинки:
фон
экстратоп
экстработтом
картинка 1
картинка 2
картинка 3
меню 1
меню 2
меню 3