#848 Lost road

[dizain-by-shokolad]

Когда-то неудачный набросок на конкурс "Дорога", вот наконец руки дошли довести до ума.
Меню выпадающее, обычное, на картинке видно просто для примера.

Пример

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

настройки

Дизайн - табличный, меню - сверху
Шрифт - Trebuchet MS
заголовок - жирный-курсив, 12, #e5daa8
текст - обычный, 13, #070707
ссылки - #684b2b
оффтоп - #8d715a

Картинки
ЭКСТРАТОП
i257.photobucket.com/albums/hh237/in_photo_fav/...

ЭКСТРАБОТТОМ
i257.photobucket.com/albums/hh237/in_photo_fav/...

ФОН-ЗАПИСИ
i257.photobucket.com/albums/hh237/in_photo_fav/...

РАЗДЕЛИТЕЛЬ
i257.photobucket.com/albums/hh237/in_photo_fav/...

DIARY
i257.photobucket.com/albums/hh237/in_photo_fav/...

MY-DIARY
i257.photobucket.com/albums/hh237/in_photo_fav/...

GLOBAL
i257.photobucket.com/albums/hh237/in_photo_fav/...

КОД

body {padding: 0px !important; background: #070707;}
 #wrapper {width:975px!important;}
 {-----------------------Экстра-топ/боттом(2)------------------------------------------}
 #extratop {background: url('ЭКСТРАТОП') no-repeat bottom; height: 550 width:975 margin-top:0}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat 4px top; height: 155 width:979position:relative; right:0 z-index:0; padding-bottom:10 margin-top:-1}
 {-----------------------------------------------------------------}
 #side { width:650 position:absolute !important; margin-top:-150px !important; padding-left:230 text-align:center; z-index:3;}
 #side a{color:#e5daa8; font-size:14 font-family:georgia; letter-spacing:-0.5 text-shadow: 1px 1px 3px #684b2b;}
 #side a:hover{color:#684b2b; text-decoration:none;}
 #side li {display:block; height:10 float:left; width:140px!important; margin-right:15px!important; padding-top:0px !important; padding-bottom:5px !important; }
 #side ul{ position:absolute; left:260 margin-top:0 width:500 text-align:center;}
 #TagsList {position:absolute; left:-400px !important; margin-top:-10 }
 #TagsList ul {width:600px !important;}
 #TagsList li {width:100px !important; }
 #myDiaryLinks ul { margin-top:-5px !important;}
 #thisDiaryOwner ul { margin-top:3px !important; margin-left:30px !important;}
 #globalLinks ul { margin-left:20px !important;}
 .menuSection_title{padding-right:15}
 {-------------------------------Меню(3)----------------------------------------}
 #side h1 A{position:absolute; top: -360 left: 10 color: #684b2b !important; font-size:18 text-shadow:none;}
 #authorName {position:absolute; top: -340 left: -610 color: #684b2b !important; text-shadow:none !important; font-style:italic;}
 #side h1 A:hover, #authorName:hover {color: #806241 !important; text-shadow:none !important; }
 #thisDiaryOwner_title {display:block; width:123 height:54 line-height:300 overflow:hidden; background: url('DIARY') 0px 0px no-repeat ;}
 #myDiaryLinks_title {display:block; width:173 height:61 line-height:300 overflow:hidden; background: url('MY-DIARY') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:124 height:57 line-height:300 overflow:hidden; background: url('GLOBAL') 0px -2px no-repeat;}
 #iAmQuit a{display:none;}
 {-----------------------------ПОЛОСА-ЗАПИСИ(1)------------------------------------------}
 #page-c{ background: url('ФОН-ЗАПИСИ') top repeat-y; width:975px!important; margin-bottom:0px !important; }
 #wrapper a:hover { text-decoration:none; text-shadow: 1px 1px 3px #e5daa8;}
 #page-t {width:880px!important; margin-left:58px !important; }
 #YaSearch, #rssLink, #thisDiaryLinks, #topNavLinks, .postLinksOld, .prevNextLinks, #myCommunity, #favListLink, #myCommunityLink, #myCommunity, #lastComments, #pchs, #diarySupportLink, #bottomNavLinks, #bottomNav, #more_login, #pchListLink, #upInChart, #myProfileLink, #Stats, #pchs, #myNotepadLink, #albumLink, #faqLink, #authorAlbum, #albumLink, #headlineList, .tags_ul_all span {display:none !important;}
 .prevnext {display:none !important;}
 
 .header, .header h2 {text-align:center; position:relative; z-index:5; padding-bottom:20 font-size:22}
 .countFirstDate.postDate, .countSecondDate.postDate {color:#e5daa8 !important; font-style:normal !important; font-weight:normal!important; font-size:12 position:relative; z-index:5;}
 {----------------------------------РАЗДЕЛИТЕЛЬ(повторяется-2-раза)-------------------------------------}
.postLinksBackg {background: url('РАЗДЕЛИТЕЛЬ') no-repeat top; height:249 width:976 position:relative; right:55 z-index:1; ; margin-bottom:-100}
 .postLinks{padding-right:40}
 .urlLink{padding-left:60}
 .postContent, .authorName, .communityName, #msg_form, .pageBar {position:relative; z-index:5;}
 #epigraph{background: url('РАЗДЕЛИТЕЛЬ') no-repeat bottom; height:249 width:976 position:relative; right:55 margin-bottom:-100}
 #epigraph .postActionLinks {position:relative; z-index:7 !important; right:50}
 .pageBar{margin-bottom:-30 padding-top:50}