№1252 - типа-Новогодний

[dizain-by-shokolad]

Пример

Настройки

Внимание! Для того, чтобы дизайн правильно встал, при загрузка изорбажений в БИ у вас должна быть включена функция "Увеличение размера и веса картинок".

---

Дизайн - табличный, меню - сверху
Шрифт - Verdana
заголовок - обычный, 16, цвет #bababa
текст - обычный, 13, цвет #111424
ссылки - цвет #1e244d
оффтоп - цвет #9a9ca4

---

картинки
ЭКСТРАТОП
ПОЛОСА1
ПОЛОСА2
СНЕГ
КРУГ

---

код

 body{margin:0px !important; padding:0px !important; background: #fff; overflow-x:hidden;}
 {-----------------------------ВСЕ КАРТИНКИ ЗДЕСЬ-----------------------------------------}
 #add_block1{background: #111424 url('ЭКСТРАТОП') center no-repeat; position:absolute; top:0 height:486 width:100%; z-index:-1;}
 #add_block2{background: url('ПОЛОСА1') center repeat-x; position:absolute; top:460 height:64 width:100%; z-index:-1; }
 #add_block4{background: url('ПОЛОСА2') center repeat-x; position:static; bottom:0 height:84 width:100%; z-index:-1; }
 #add_block3{background: url('СНЕГ') center; position:absolute; top:0 height:486 width:100%; z-index:-1;}
 .header span {background: url('КРУГ') left no-repeat; color:#fff !important; font-size:11px !important; height:46px !important; padding:25px 7px 25px 7px !important; margin-left:-7 }
 #add_block5 {position:absolute; top:640 height:4 width:100%; border-top:1px solid #c2c2c2; z-index:3; }
 {----------------------------------------------------------------------}
 #wrapper {margin-top:610 }
 #page-c{margin-bottom:30px !important; }
 #page-t{padding-right:8%; padding-left:8%; padding-top:20}
 #epigraph {margin-top:-20}
 #page-t a, .postActionLinks {position:relative; z-index:3;}
 {----------------------------------------------------------------}
 #upInChart, #allDiaryLink, #Stats, #authorLiks, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #albumLink, #topNav, #myProfileLink, #upInChart, #bottom_spiritlink, #bottom_faqlink, #bottom_randomlink, #photolibLink, #subscribeEmail, #authorAlbum, #writeToAuthor, #pchListLink, #myCommunitiesLink, #postsCalendar, #headlineList, #rssLink, #faqLink, #myAccountLink, #referenceLink, #bottomNavLinks, #favListLink,  #myLinks, #YaSearch, #thisDiaryPhoto {display:none !important}
 #side { position:absolute; margin-top:-105px !important; padding-left:50%; margin-left:-250 z-index:4;}
 #side a{color:#171c3a; font-size:12 }
 a:hover, #side a:hover, .postLinks a:hover {color:#94a7bd; text-decoration:none;}
 #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul {display:block; visibility:visible; }
 #side li {margin-bottom:10px !important; background: # no-repeat; padding-left: 25px!important;margin-left:-25px !important;}
 #TagsList ul {width:200 margin-left:-17 background-color:#fff; filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5 -o-border-radius: 5 border: 1px solid #e2d5c1;}
 #TagsList li{white-space:pre-wrap;margin-bottom:5px !important; }
 .menuSection {margin-right:100}
 .menuSection_title {display:none !important;}
 #myLinks, #YaSearch, #thisDiaryPhoto {display:none}
 {-----------------------------------------------------------------------}
  #myDiaryLink, #myCommunityLink, #myNotepadLink {position:absolute; left:-140px !important;}
 #tagslistlink {position:absolute; left:-20}
 #myFavLink, #myQuotLink, #discussionLink {position:absolute; left:155}
 #myFavLink {top:7}
 #writeThisDiary, #myDraftLink , #umailLink {position:absolute; left:15}
 #myDraftLink, #discussionLink, #tagslistlink { top:53}
 #iAmQuit {padding:0px 10px 0px 25px!important; position:relative; left:26 top: 58}
 #iAmQuit a {font-weight:normal;}
 #umailLink, #myQuotLink, #myNotepadLink, #optionsLink { top:30px !important;}
 #thisDiaryLinks {position:absolute; margin-left:-220}
 #addToFavA, #delFromFav {position:absolute; top:75 }
 #delFromFav, #addToFavA { left:275}
 #authorQuot {position:absolute; left:355 top:75}
 #authorFav{position:absolute; left:200 top:75}
 #mainpageLink {position:absolute; left:160 top: 7}
 #optionsLink {position:absolute; left:280}
 {------------------------имя-дневник-------------------------}
 #authorName{position:absolute; margin-top:-470 padding-top:15 position:absolute; margin-left:-150 font: bold italic 15pt book antiqua !important;color:#fff!important;}
 #side h1 a{position:absolute; margin-top:-510 padding-top:15 margin-left:150 position:absolute; font: bold italic 20pt book antiqua !important;color:#f8e19d !important; text-shadow: 1px 1px 4px #000;}
 #authorName:hover, #side h1 a:hover{color:#fff !important; text-shadow: 0px 0px 8px #fff, 0px 0px 3px #fff !important;}
 {----------------------------------ссылки-------------------------------------}
 .postLinksBackg {position:absolute; border-bottom: 1px solid #c2c2c2; width:100%; left:0 padding-bottom:15 }
 ul.postLinks {margin-right:8% !important; padding-right:10px !important; }
 .postLinks li:after {padding-left:10 line-height:10 color:#bbc1c7; font-size:14 content: " •"; }
 .quote_post:after, .quote_comment:after {content:none !important;}
 .urlLink{margin-left:8% !important;}
 .postLinks a {color:#514944; font-weight:bold;}
 .prevnext {display:none !important;}
 {--------------------------------}
 .header h2 { font-size:18px !important; font-weight:bold !important; position:relative; top:2}
 .hdr{padding-top:30 font-size:18px !important; font-weight:bold !important;}
 .postTitle {padding-bottom:20px !important; margin-top:70px !important;}
 .postDate {color:#bbc1c7!important; font:12px "Verdana" !important; position:absolute; right:8%;}
 #commentsArea_title {padding-top:50 margin-bottom:-30 font-size:18px !important; font-weight:bold !important;}
 #addCommentArea_title {padding-top:50 font-size:18px !important; font-weight:bold !important;}
 .postInner{padding-bottom:30}
 .postActionLinks{margin-top:-30}
 #pageBar{margin-top:50}
 #epigraph .postActionLinks{margin-top:30}
 #sortOrder {padding-top:35margin-bottom:-35}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background:#ececec; border: 1px solid #bdbcbc !important;}
 .quote_text {padding:3 background: #f0f0f0; border-left:2px solid #aaaaaa;}
 {--------------------JournalComments---------------}
 #commentsArea .postTitle {padding-bottom:5px !important; margin-top:40px !important;}
 #commentsArea .header span {background: none; color:#bababa !important; font-size:14px !important; padding:0px !important; margin:0 }
 #commentsArea .postActionLinks {margin-top:0}

---

КАК ЗАМЕНИТЬ "БЛОКНОТ" на "ССЫЛКИ", если кому-то надо:
1) Находим в коде поиском "#myNotepadLink" и заменяем на "#myLinksLink" (в 2-х местах!!!)
2) Чтобы скрыть ссылку "Блокнот" добавляем в новой строчке: #myNotepadLink{display:none;}
вуа-ля