Как и обещал доработанный и собранный диз.

еще скрины

меню плавно выдвигается

анимированный элемент

Установить автоматически

НАСТРОЙКИ

КОД:
#add_block1 { background: url('ДОЖДЬ') 0px 0px no-repeat; width: 500px !important;height: 251px !important; position: absolute !important; top: -10px;right: 350px;z-index: -2!important; opacity:0.3 !important;} body { background: url('ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #wrapper{ min-width: 900px !important; max-width:900px !important; display: relative; position; right !important;float:right !important; margin-top:-15px;margin-bottom:-15px;margin-right:0px;} #extrabottom { background: url('НИЗ') 0px 0px no-repeat; width: 899px !important;height: 115px !important; position: fixed !important; bottom: 0px;right: 0px;z-index: 3;} #myProfileLink,#albumLink,#authorAlbum,#communityCatalogueLink,#randomDiaryLink,#allDiaryLink,#lastComments,#myLinks li, li#rssLink a, #authorLiks, #myCommunityLink, #thisDiaryPhoto, #pchs, #lastComments, #myAccountLink, #myNotepadLink a, #referenceLink a {display: none !important;} #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmai, #myLinksLink, #iAmQuit a, #mySFavLink, #photolibLink, #YaSearch, #writeToAuthor, #addToFav, #delFromFav {display: none !important;} #extratop { background:url('ВЕРХ') no-repeat!important; height:354px; width:900px; position:relative; left:0px; top:0px !important; z-index:-1!important; margin-top: 0px;} #page-c { width:900px !important; display: relative; position; right !important;float:right !important; background:url('СЕРЕДИНА') repeat-y;margin-top:-0px;margin-bottom:-50px;margin-right:0px;} #page-t { width:700px!important; margin-left:100px !important;margin-top:-50px !important;margin-bottom:110px !important;} .countSecond, .countFirst, #msg_form {padding: 15px !important; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; background: url('ПОСТ') repeat;margin-bottom: 50px !important;width:670px !important;margin-left: -5px !important;border-top:3px ridge #BFBFBF!important;color:#1F292C!important;} #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;} #side{text-align:center!important;position: fixed !important;text-transform: uppercase;padding: 160px 0px 0px 0px !important;} #side a{z-index:auto!important;text-decoration: none;color:#aeb076 !important; font-size: 9px;} #side a:hover{z-index:auto!important;text-decoration: none;color:#202125;text-decoration: none;text-shadow: 0 0 0.9em #fff; } #side { text-align:center!important;margin-top:0px;position: fixed !important;text-transform: uppercase;} #side { width:411px;height:790px !important;background: url('МЕНЮ') 0px 0px no-repeat; left:-280px;top:0px; -webkit-transition: left 1.0s ease-out 1.0s; -moz-transition: left 1.0s ease-out 1.0s; -o-transition: left 1.0s ease-out 1.0s; transition: left 1.0s ease-out 1.0s; z-index: 5 !important;} #side:hover { width:411px;height:790px !important;background: url('МЕНЮ') 0px 0px no-repeat; top:0px; left:0px; -webkit-transition: left 1.0s ease-out 1.0s; -moz-transition: left 1.0s ease-out 1.0s; -o-transition: left 1.0s ease-out 1.0s; transition: left 1.0s ease-out 1.0s;} .postLinksBackg a{color:#2F3C42!important;padding: 5px 5px 5px 5px; text-decoration: none !important;} .postLinksBackg a:hover{color:#D6D979!important;padding: 5px 5px 5px 5px; text-decoration: none !important;} {---------------голосовалка----------------} .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #BEBD97; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #BEBD97; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"] { background: #BEBD97; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #BEBD97; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #BEBD97; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .voting td {vertical-align: baseline;border: none !important;} .order_button {background:none!important;height:0px!important;border-bottom:none;} .postActionLinks{margin-top: 10px!important; margin-left:0px!important;opacity:0.3 !important; } .order_button{margin-top: 0px!important; margin-right:0px!important;opacity:0.3 !important; } #shsmile, #atTagBox{ opacity : 0.4 !important;} .comments_count_link { color:#8E97A2!important;} #bottomNav {display: block;} #bottom_up a{height: 55px !important; background: url('ФОНАРЬ1') 0px 0px no-repeat; width:43px !important; position: fixed !important; bottom: 30px;right: 50px;z-index: 4 !important;line-height: 300px!important;opacity:0.5 !important;} #bottom_up a:hover{height: 55px !important; background: url('ФОНАРЬ2') 0px 0px no-repeat; width:43px !important; position: fixed !important; bottom: 30px;right: 50px;z-index: 4 !important;line-height: 300px!important;opacity:0.8 !important;} .header, .postDate {text-shadow: 0 0 0.7em #000; } #thisDiaryOwner {margin-top: 6px!important; margin-left: 135px; position: absolute !important;} #globalLinks {margin-top: 310px!important; position: absolute !important;margin-left: 147px;} #myDiaryLinks {margin-top: 110px!important; position: absolute !important; margin-left: 162px;} #Stats {margin-top: 460px!important; margin-left: 167px; position: absolute !important;color:#000!important;} #TagsList ul li:nth-of-type(-n+20) {display: none;} #tagslistlink #TagsList {position: relative; top: 0px; left:-0px !important;} #tagslistlink:hover #TagsList {position: relative; top: 0px; left:-0px !important;} #tagslistlink ul {min-width: 100px !important; max-width:100px !important;} #tagslistlink ul li {width: auto !important;line-height:13px} #side h1 a {position: absolute; top: 110px; left: 130px !important; font-size: 11px!important;} #authorName { position: absolute; top: 130px; left: 140px !important;font-size: 11px!important;}


КАРТИНКИ:
ДОЖДЬ s012.radikal.ru/i319/1711/63/4662d3eed1e2.gif
ФОН i057.radikal.ru/1711/48/c8706578b6b3.jpg
НИЗ s019.radikal.ru/i615/1711/d2/517166451b93.png
ВЕРХ s015.radikal.ru/i331/1711/bc/5afc55ad353a.png
СЕРЕДИНА s018.radikal.ru/i519/1711/cd/11c6a7ceb889.png
ПОСТ s019.radikal.ru/i625/1711/54/66526002cf2b.png
МЕНЮ (в коде дважды) s019.radikal.ru/i602/1711/53/de9c9d39bd82.png
ФОНАРЬ1 s014.radikal.ru/i327/1711/43/942f4c575b2c.png
ФОНАРЬ2 s019.radikal.ru/i631/1711/dd/a402c499cc1e.png

НАСТРОЙКИ:
Дизайн блочный
Панель слева
Гарнитура Book Antiqua текст обычный 18, заголовок жирный курсив 13
Цвет заголовка #aeb076
Цвет ссылок #2F3C42
Цвет записи #000

@темы: морское, природа, CSS, мрачное, голубое-сине-фиолетовое, дизайн, Кареглазый Демон