№992 берег моря

[dizain-by-shokolad]

Морской мотив для тех, кто не хочет окончания лета)

Пример



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

Настройки

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

заголовка — #1d6761
записи — #805d45
ссылки — #2fa6a1
оффтопика — #c76619

фона дневника — #8ad6df

картинки
ЭКСТРАТОП — s51.radikal.ru/i132/1108/e8/48195a154e7b.jpg
ЭКСТРАБОТТОМ — i031.radikal.ru/1108/fd/7284724d07fa.jpg
ФОН 1 — s54.radikal.ru/i143/1108/72/64d29d804cb7.jpg
ФОН 2 — s012.radikal.ru/i320/1108/e3/c9effce3fc21.jpg
РАЗДЕЛИТЕЛЬ 1 — s61.radikal.ru/i171/1108/df/fdb1e07ddf2d.png
РАЗДЕЛИТЕЛЬ 2 — i030.radikal.ru/1108/df/c679343486eb.jpg

код

.block_design {background-attachment:fixed; padding: 0 !important; }
 body{ margin:0; padding:0; }
 #add_block1 {height: 578px !important; background: url('ФОН 1') 50% 50% no-repeat; width: 100% !important; position: absolute !important; top: 0 left: 0 right: 0 z-index: -2 !important; margin: 0 !important;}
 #wrapper{ width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0 bottom: 0px !important; background: url('ФОН 2') 0% 0% repeat-y !important; margin-bottom: 0px !important; }
 #extratop { ; height: 578 width: 1000 margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; background: url('ЭКСТРАТОП') 0% 0% no-repeat !important; }
 #extrabottom { background: url('ЭКСТРАБОТТОМ') no-repeat; width:1000 height:428 }
 #page-t {margin: -375px 70px -200px 235px !important; padding: 5px 0px 5px 20px !important ; overflow:hidden !important; }
 #epigraph { background: none !important; margin: -15px -15px 15px -15px !important; padding: 10px 30px 0px 30px !important; border: none !important; }
 {--------------------------------}
 #myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner,  #myLinks { background: url('РАЗДЕЛИТЕЛЬ 1') 40% 100% no-repeat; margin: 5px 0px 0px 0px !important; padding: 0px 2px 40px 2px !important; }
 .menuSection_title {text-align: right !important; display: block; padding: 10px 25px 15px 5 font: bold 14px 'verdana' !important; text-transform:uppercase; color:#008fb6; }
 #side { position: relative; top: -380 left: 75 display: block; width:180px !important; color: #755142; padding: 30px 0px 0px 0px !important; }
 #side a {color: #2fa6a1 !important; }
 #side a:hover {color: #8ad6df !important; text-shadow: none !important; }
 #side h1 {position: absolute; top: -190 left: 0 text-align: left !important; font: bold 30px 'verdana' !important; z-index: 2 !important; width:800px !important; padding: 5px 20px 5px 10 margin: 0px -400px 0px 0px !important; text-shadow: 1px 1px 3px #fff !important; color: #2fa6a1 !important;}
 #side h1 a {color: #2fa6a1 !important; }
 #authorName {position: absolute; color: #734228 !important; top: -145 left: 20 text-align: left !important; font: bold 20px 'verdana' !important; z-index: 2 !important;text-shadow: 1px 1px 1px #fff !important;}
 #side h1 a:hover, #authorName a:hover {color: #8ad6df !important; }
 #top_randomlink {display: none !important; }
 #top_spiritlink{display: none !important; }
 #topNav {margin: 0px -20px 50px -70px !important; }
 #topNav li {padding: 0px 20px 0px 20px !important; }
 {--------------------------------}
 .singlePost, .singleComment { background: url('РАЗДЕЛИТЕЛЬ 2') 100% 100% no-repeat; position:relative; padding: 5px 0px 60px 5px !important; margin: 0px 0px 0px 0 }
 .singlePost .postTitle {font: bold 20px 'verdana' !important; color: #008fb6 !important; margin: 5px 0px 5px 0px !important; }
 .singlePost .postTitle span { padding: 5px 20px 0px 0 font: bold 16px 'verdana' !important; }
 .postLinksBackg { padding: 0px 0px 5px 0px !important; font:bold 10px 'Verdana' !important; margin: 5px 0px 0px 5px !important; text-transform: lowercase; color: #2fa6a1 !important; text-align: left !important;}
 #postsArea .postDate { left:100 color:#008fb6; position:absolute !important; margin: 10px 2px 0px 10px !important; font: bold 16px 'verdana' !important; }
 #postsArea .header h2 {display: block; margin: 5px 0px 0px 0px !important; }
 #postsArea .postTitle span:before {content:'Time: ' !important;}
 #postsArea .postDate :before{content:', Date: ' !important;}
 {--------------------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #8ad6df !important; }
 

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