№ 1086 Water Color

[dizain-by-shokolad]

Шаблон дизайна взят с сайта btemplates.com исходник
очень интересный диз, мне он давно нравится, вот решила попробовать подстроить его под дайри)

Пример



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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН ⇒ читать инструкцию

Дизайн - табличный, меню - справа
заголовка — бычный 15
текста — обычный 14
гарнитура — arial

заголовка — #9E7B22
ссылки — #9E7B22
записи — #050505
оффтопика — #999

фона дневника — #d8d4a4

картинки
ЭКСТРАТОП - s55.radikal.ru/i149/1203/b2/9354e0ebea4b.jpg
ЭКСТРАБОТТОМ - s019.radikal.ru/i617/1203/3e/0a09034d29a1.jpg
ТОП - s60.radikal.ru/i168/1203/93/7aef82e2fc6d.jpg
БОТТОМ - i054.radikal.ru/1203/52/8acec189dd67.jpg
ВРЕМЯ - s13.radikal.ru/i186/1203/9f/bd57a8649693.jpg
КОММЕНТАРИИ - s019.radikal.ru/i608/1203/5f/ba97536d5001.jpg
МЕНЮ1 - s019.radikal.ru/i604/1203/e4/3b48ee42d9cf.png
МЕНЮ2 - s019.radikal.ru/i643/1203/38/8e5fa7f5440e.png
МЕНЮ3 - s019.radikal.ru/i644/1203/75/4b759a315469.png
ФОН - i049.radikal.ru/1203/e0/eb8217d30f60.jpg


код

   .block_design {background-attachment:fixed; padding: 0 !important; }
 body{background-attachment:fixed !important; margin:0; padding:0; }
 #add_block1 {height: 550px !important; background: url('ТОП') 50% 0% no-repeat; width: 100% !important; position: absolute !important; top: 0 left: 0 right: 0 z-index: -2 !important; margin: 0 !important;}
 #add_block2 {height: 408px !important; background: url('БОТТОМ') 50% 100% no-repeat; width: 100% !important; position: relative !important; bottom: 0 left: 0 right: 0 z-index: -3 !important; margin: 0 !important;}
 #wrapper{width: 980px !important; min-width: 980px !important; max-width: 980px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0 bottom: 0px !important; margin-bottom: -408px !important; background: url('ФОН') 0% 0% repeat ;}
 #extratop { background: url('ЭКСТРАТОП') 0% 0% no-repeat ; height: 548 width: 980 margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; }
 #extrabottom { background: url('ЭКСТРАБОТТОМ') 0% 100% no-repeat; width:980 height:418 }
 {------}
 #page-t {margin: -350px 280px -150px 45px !important; padding: 10px 30px 10px 30px !important;}
 .postContent { overflow:hidden !important; }
 .singlePost, .singleComment { margin: 10px 0px 10px 0px !important; }
 .singleComment .postTitle { text-align:center !important; }
 #postsArea .postTitle {font-size: 20 margin: 10px 0px 10px -62px !important; }
 #postsArea .postTitle span{top: 0 font: bold 12px 'arial' !important; color:#000000; margin: 0px 2px 0px 2px !important; padding: 15px 10px 20px 10px !important; background: url('ВРЕМЯ') 0% 0% no-repeat ;}
 #postsArea .postDate { font: 12px 'arial' !important; margin: 0px 2px -10px 2px !important; }
 {------}
 #side { position: relative; top: -320 right: 40 display: block; width:220px !important; color: #755142; padding: 20px 0px 0px 0px !important; }
 #YaSearchForm { visibility: visible !important; display: block !important; position: absolute; top: -65 right: 19 width:160px !important; }
 #YaSearchForm_title b, #YaSearch_title b {display: none !important;}
 #YaSearchForm .submit {height: 20 width: 40px !important; opacity: 0 !important;}
 #YaSearchForm input.text {width:105 height:20px !important; border: none !important; color: #b0b0b0 !important; }
 #side h1 { width: 700px !important; position: absolute; top: -200 left: -500 font: bold 32px 'arial' !important; z-index: 2 !important; padding: 5px 20px 5px 0 text-align: left !important; }
 #authorName { width: 500px !important; position: absolute; color: #000000 !important; top: -155 left: -425 font: bold 15px 'arial' !important; z-index: 2 !important; text-align: left !important;text-decoration:none !important; }
 #side h1 a, #authorName a, .menuSection a { color: #000000 !important;}
 #side h1 a:hover, #authorName a:hover { color: #000000 !important; text-decoration:none !important; }
 .menuSection a:hover { color: #ED1B23!important;}
 #thisDiaryOwner_title, #thisDiaryLinks_title, #myDiaryLinks_title, #globalLinks_title, #lastComments_title, #pchs_title, #myLinks_title {display: block; padding: 14px 15px 17px 10px !important; margin: 15px 0px 2px 0px !important; font: 13px "arial" !important; color: #fff !important; background: url('МЕНЮ1') 0% 50% no-repeat; text-align:left !important;}
 .menuSection li { padding: 0px 0 2px 0px !important; margin: 1px 0px 1px 0px !important; list-style: url('МЕНЮ2') inside !important; text-transform: lowercase; margin-right: 0px !important;}
 #thisDiaryOwner, #thisDiaryLinks, #myDiaryLinks, #globalLinks, #lastComments, #pchs, #myLinks { background: url('МЕНЮ3') 0% 100% no-repeat; margin: 1px 0px 1px -10px !important; padding: 0px 0 20px 0px !important;}
 {------}
 #TagsList ul {list-style: none !important; width: 150px !important; padding: 10px 20px 15px 0 !important; margin: 2px 0px 2px 5px !important; }
 #TagsList li {list-style: none !important;text-align: left !important; background: none !important; padding: 0 !important; border: none !important;}
 #TagsList span {list-style: none !important; margin-left: -4px !important; margin-right: 5px !important; }
 {------}
 .postLinksBackg {color: #575757 ; text-transform: lowercase; font: 11px 'arial' !important; padding: 10px 30px 7px 10px !important;margin: -3px -20px 0px 0px !important; }
 .comments { padding: 3px 0px 4px 20px !important; background: url('КОММЕНТАРИИ') 0% 50% no-repeat !important ;}
 span.quote_text { margin: 10px 0px 0px 10px !important; padding: 3px 15px 5px 5px !important; display: block; font: 12px 'arial' !important; border-left: 3px solid #c9c4af !important;}
 .avatar img { min-width: 90px !important; max-width: 90px !important; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; }
 .commentAuthor div { margin: 0px 0px 10 width: 100 }
 .voting img { height: 0px !important; border-bottom: solid 4px #9E7B22;}
 .paragraph img { max-width: 400px !important; }
 .sign { color: #999 !important; font: 11px 'arial' !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { margin: 0px 10px 5px 10px !important; text-align:center !important; padding: 10px 10px 10px 10px !important;}
 #topNav { position: absolute; top: 165 text-align:center !important; left: 80}
 #topNav a { color: #000000 !important;}
 #top_randomlink, #top_spiritlink, #top_favoritelink {display:none !important;}
 #top_mainlink { font: bold 11px 'arial' !important; margin: 0px 25px 5px 25px !important; text-align:center !important; }
 #top_alldiarylink { font: bold 11px 'arial' !important; margin: 0px 20px 5px 20px !important; text-align:center !important; }
 #top_faqlink { font: bold 11px 'arial' !important; margin: 0px 5px 5px 25px !important; text-align:center !important; }
 .paragraph { line-height: 130%; margin-left: 110 padding: 0px 5px 5 }
    

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