#809. Diary

[dizain-by-shokolad]

Дизайн простенький, динамичный, в стиле унисекс в теплых тонах))
Кому нравится?)

Скрин:

Настройки

На все вопросы по установке вам ответит наш FAQ.
Если забираете дизайн - не забывайте ставить баннер сообщества.

Что нам нужно?
БЛОК1
img220.imageshack.us/img220/7806/81893385.png
БЛОК2
img3.imageshack.us/img3/4921/38254575.png
БЛОК3
img39.imageshack.us/img39/8100/74206931.png
ВЫХОД
img204.imageshack.us/img204/1984/18001575.png
ЗАГОЛОВОК
img841.imageshack.us/img841/793/26259018.png
МЕНЮ1
img683.imageshack.us/img683/3655/50316730.png
МЕНЮ2
img535.imageshack.us/img535/5378/74260323.png
МЕНЮ3
img199.imageshack.us/img199/5017/57515024.png
МЕНЮ4
img715.imageshack.us/img715/7599/11912141.png
МЕНЮ5
img99.imageshack.us/img99/7057/86718882.png
ПАРАГРАФ
img222.imageshack.us/img222/167/99555796.jpg
ПОИСК
img231.imageshack.us/img231/5240/62931973.png
СТАТ
img228.imageshack.us/img228/2931/98926185.png
ФОН
img3.imageshack.us/img3/9411/36112639.jpg
ФОН ПОСТА
img109.imageshack.us/img109/5558/89260942.jpg
ФОНМЕНЮ
img15.imageshack.us/img15/8290/97432097.jpg
ЭКСТРАТОП
img217.imageshack.us/img217/3158/70367087.jpg

Код:

 body {background: url('ФОН');}
 #extratop {background:url('ЭКСТРАТОП') repeat; height: 200 width: 100%; position: relative; z-index: 7; top: -34}
 #page-c {background: url('ФОН ПОСТА') repeat; width:80% !important; min-width: 900px !important; position: absolute; right: 50 top: 160 border: 1px solid #000700; z-index: 3;}
 #postsArea { position: relative; top: 4 }
 .paragraph div {border: 1px dashed #c6bba4; background: url('ПАРАГРАФ') repeat; margin-left: 5 margin-right: 5 padding: 4}
 #epigraph .paragraph div {border-top: 0px dashed #c6bba4 !important; border-bottom: 0px dashed #c6bba4 !important; background: none !important; margin-top: 5 font-size: 12px !important; text-transform: lowercase !important; }
 #wrapper{ min-width:1000px!important; width:100%; margin: 0 auto !important; padding:0px !important; position: absolute !important; right: 0}
 #add_block1 {background: url('БЛОК1'); width: 976 height: 166 position: absolute; top: 0 left: 43 z-index: 8;}
 #add_block2 {background: url('БЛОК2'); width: 3 height: 100%; position: fixed; top: 0 bottom: 0 right: 86%; z-index: 2;}
 #add_block3 {background: url('БЛОК2'); width: 3 height: 100%; position: fixed; top: 0 bottom: 0 right: 40 z-index: 2;}
 #add_block4 {background: url('БЛОК3'); width: 139 height: 100%; position: fixed; top: 0 bottom: 0 left: -7%; z-index: 3;}
 #side {width: 920 position: absolute; top: 60 left: 300 margin-left: 10 text-align: center; background: #; border: none; z-index: 66; height: 160}
 #Journal .header {background: url('ЗАГОЛОВОК') 0px -2px no-repeat; height: 50}
 .postDate span:before{content:'date: ' !important; color:#91826a;}
 #Journal .header {padding-left: 89px !important; position: relative; left: -30 font-size: 150%; padding-top: 8px !important; z-index: 7; text-transform: uppercase; magin-top: 20 }
 .postDate { text-transform: lowercase; color:#91826a !important; font-size: 12px !important;}
 .postTitle span { text-transform: lowercase; color:#91826a !important; font-size: 12px !important; position: absolute; top: 14 left: 2%; }
 .postLinksBackg {border-bottom: 1px dashed #4a1914; margin-bottom: 5 text-transform: uppercase; font-size: 10px !important; }
 #epigraph .header {background:none !important; margin-bottom: -60 }
 .singlePost {position: relative; }
 .order_button {background:none !important; margin-top: -50 top: -20 border-bottom: 1px dashed #4a1914; position: relative; right: -20 margin-right: -40px !important;}
 #YaSearch {padding:0!important; margin:0!important;border:none!important; position: absolute; top: 50 margin-top: 30 margin-left: 5 left: -225 color: #e7debf; text-transform: uppercase; background: # !important; width: 150px !important;}
 #YaSearch_title b {color: #e7debf; text-transform: uppercase; background: # !important;}
 #YaSearchForm {border-bottom: 1px dashed #e7debf;}
 #yaquery {border: none !important; }
 #YaSearch A {display:none;}
 #YaSearchForm .submit {background: url('ПОИСК') no-repeat; width:45 height:9 border:none !important; position:relative; right: 1 line-height:0 font-size:0 color:transparent; top: 3}
 #yaquery { border:none!important; background: # !important;}
 #Stats a {background: url('СТАТ') no-repeat; width:147 height:12 position: absolute; left: 80 line-height:0 font-size:0 color:transparent; top: 15 z-index: 55; }
 #iAmQuit a {background: url('ВЫХОД') no-repeat; width:147 height:12 position: absolute; left: -215 line-height:0 font-size:0 color:transparent; top: 12 z-index: 55; }
 #more_login {display: none !important;}
 #login_change {position: relative; left: -300}
 #thisDiaryPhoto {display: none !important;}
 #authorName {position: absolute; left: -200 top: 35 font-size: 22px !important; text-shadow: 1px 2px 0px #8f836c, 1px 2px 0px #f4e9cc;}
 #side h1 {position:absolute; top:44 right:-270 margin-top:10px !important;}
 #side h1 a { font-size: 18px !important; text-transform: uppercase; text-shadow: 1px 2px 0px #8f836c, 1px 2px 0px #f4e9cc;}
 {------------------}
 #thisDiaryOwner {position:absolute; top:-72 left:100}
 #myDiaryLinks {position:absolute; top:-72 left:220 }
 #globalLinks {position:absolute; top:-75 left:370}
 #thisCommunity, #myCommunity, #thisCommunityMember {position:absolute; top:-72 left:-10 }
 #thisDiaryLinks {position:absolute; top:-72 left:-10 }
 #thisDiaryOwner_title {background-image:url('МЕНЮ1'); width:104 height:45 }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('МЕНЮ2'); width:140 height:44 }
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('МЕНЮ3'); width:117 height:48 }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {background-image:url('МЕНЮ4'); width:99 height:44}
 #thisDiaryLinks_title b {display:none !important}
 #thisCommunity_title {background-image:url('МЕНЮ4'); width:99 height:44}
 #thisCommunity_title b {display:none !important}
 #myCommunity_title {background-image:url('МЕНЮ4'); width:99 height:44}
 #myCommunity_title b {display:none !important}
 #thisCommunityMember_title {background-image:url('МЕНЮ4'); width:99 height:44}
 #thisCommunityMember_title b {display:none !important}
 #thisDiaryOwner ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42 left: -40 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisDiaryLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42 left: 60 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisCommunity ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42 left: -160 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myCommunity ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42 left: -160 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisCommunityMember ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:40 left: -160 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myDiaryLinks ul li {width:510 }
 #myCommunity ul li {width:510 }
 #myDiaryLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:41 left: -160 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #globalLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:43 left: -310 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:43 left: -440 width:450 height:150px !important; text-align:center !important; text-transform: lowercase;; text-transform: lowercase;}
 #myLinks_title {display:block; width:104 height:43 line-height:500 overflow:hidden; background: url('МЕНЮ5') 2px 4px no-repeat;}
 #myLinks {position:absolute; top: -75left: 500}
 #myDiaryLink, #writeThisDiary, #myDraftLink, #umailLink {position:relative; top:9 left:-60}
 #myQuotLink, #discussionLink, #optionsLink, #myFavLink {position:relative; top:-65 left:40}
 #photolibLink,#myNotepadLink, #myLinksLink, #myProfileLink, #albumLink {display:none !important;}
 #allDiaryLink, #mainpageLink, #favListLink, #pchListLink {position:relative; top:5 left:-70}
 #randomDiaryLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink {position:relative; top:-65 left:70}
 #faqLink, #myCommunityLink, #communityCatalogueLink {display:none !important;}
 .atTag em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 .atMusic em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 .atMood em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 A:HOVER{ color:#801500 !important; text-decoration: none; text-shadow: 1px 2px 0px #f4e9cc, 1px 2px 0px #f4e9cc;}
 a {text-decoration: none !important; }
 span.quote_text {border-top: 1px dashed #816a3a; border-bottom: 1px dashed #816a3a; display: inline-block; font-style:italic; margin-top: 12 padding: 5 margin-bottom: 10 color: #816a3a; text-shadow: 1px 2px 0px #f4e9cc, 1px 2px 0px #f4e9cc;}
 #login_form_title b { color:#afa288 !important; text-transform: uppercase; font-size: 11px !important;}
 #login_form {position: absolute; left: -180}
 #cc {border: 1px dashed #2e1808; padding: 4 background: #f4e9cc!important; color: #2e1808 !important;}
 #cc {margin-top: -170px !important; margin-left: -40px !important;}
 #postsArea .avatar img { max-width: 100px !important; border: 1px dashed #2e1808; padding: 4}
 #postsArea .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 #postsArea .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 #commentsArea .avatar img { max-width: 100px !important; border: 1px dashed #2e1808; padding: 4}
 #commentsArea .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 #commentsArea .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);} 

Дизайн блочный, навигационная панель вверху.
Настройки шрифта: Arial, заголовка жирный 16, текста обычный 15;
Настройки цвета текста: заголовка #4a1914, ссылки #2e1808, текста #000700, оффтоп #8c7f68;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на Mozilla Firefox, Opera, Chrome, Safari. минимальное разрешение экрана 1024х768.