#778. Дом на краю света

[dizain-by-shokolad]

Настройки

Сразу скажу: дизайн, в основном, для широкоформатных мониторов. Минимальная ширина экрана, при которой меню будет видно более-менее, — 1280.

Дизайн — блочный, меню — вверху.
Шрифт — Tahoma
заголовок — обычный, 13, цвет #291F16
текст — обычный, 13, цвет #291F16
ссылки — цвет #336600
оффтоп — цвет #A38255
Цвета фона и границ оставить пустыми.

КОД

body {background: #F5F9F3; margin:0; padding:0}
 #wrapper {background: #F5F9F3; width:900px !important; margin:0 auto !important; padding:0 !important; position:relative; border:0px !important}
 #extratop {background: url('/ЭКСТРАТОП') no-repeat; width:900 height:370px}
 #page-c {width:900px !important; margin:0 padding:0px !important; position:relative}
 #side {position:relative; height:50 border-top: 1px solid #291F16}
 #authorName {display:block; width:300 height:15 text-align:left !important; position:absolute; top:0 left:-755 text-transform:uppercase; font-size:13px !important; color: #291F16 !important; padding:10px 10px 10 px 20px !important}
 #side h1 a {display:block; width:560 height:20 text-align:right !important; position:absolute; top:15 left:320 text-transform:uppercase; font-size:13px !important; font-weight:bold !important; color: #291F16 !important; padding:10px 10px 10 px 20px !important}
 #thisDiaryLinks_title {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ЭТОТ ДНЕВНИК') no-repeat; position:absolute; top:-175 left:20px}
 #thisDiaryLinks_title:hover {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ЭТОТ ДНЕВНИК - АКТИВНАЯ') no-repeat; position:absolute; top:-175 left:20px}
 #thisDiaryLinks ul {width:150 height:114px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: right top; position:absolute; top:-175 left:-170 text-align:right; padding:40px 40px 0px 0px !important}
 #globalLinks_title {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ') no-repeat; position:absolute; top:-350 left:20px}
 #globalLinks_title:hover {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ - АКТИВНАЯ') no-repeat; position:absolute; top:-350 left:20px}
 #globalLinks ul {width:150 height:124px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: right top; position:absolute; top:-350 left:-170 text-align:right; padding:30px 40px 0px 0px !important}
 #myDiaryLinks_title {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/МОЙ ДНЕВНИК') no-repeat; position:absolute; top:-175 left:720px}
 #myDiaryLinks_title:hover {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/МОЙ ДНЕВНИК - АКТИВНАЯ') no-repeat; position:absolute; top:-175 left:720px}
 #myDiaryLinks ul {width:150 height:144px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: left top; position:absolute; top:-175 left:880 text-align:left; padding:10px 0px 0px 40px !important}
 #thisDiaryOwner_title {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ЗАПИСИ') no-repeat; position:absolute; top:-350 left:720px}
 #thisDiaryOwner_title:hover {display:block; width:160 height:155 line-height:500 overflow:hidden; background: url('/ЗАПИСИ - АКТИВНАЯ') no-repeat; position:absolute; top:-350 left:720px}
 #thisDiaryOwner ul {width:150 height:124px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: left top; position:absolute; top:-350 left:880 text-align:left; padding:30px 0px 0px 40px !important}
 #iAmQuit a {display:block; width:20 height:20 line-height:500 overflow:hidden; background: url('/ВЫХОД') no-repeat; position:absolute; top:-370 left:880px}
 #side a:link, a:visited, #postsArea a:link, a:visited, #commentsArea a:link, a:visited, #addCommentArea a:link, a:visited {text-decoration: none !important}
 #side a:hover, a:active, #postsArea a:hover, a:active, #commentsArea a:hover, a:active, #addCommentArea a:hover, a:active {color:#8DA6C0 !important; text-decoration: none !important}
 #more_login a, #myLinks, #Stats, #TagsList, #myDraftLink, #subscribeEmail, #unsubscribeEmail, #rssLink, #photolibLink, #albumLink, #myLinksLink, #faqLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #thisDiaryPhoto, #YaSearch, #bottomNav, #pchs, #lastComments, .urlLink {display:none !important}
 .order_button {position:relative; top:40 left:10 border-bottom:0px !important}
#sortOrder {opacity: 1}
 #sortFromBegin a {display:block; width:0 height:0 padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ С НАЧАЛА') no-repeat; overflow:hidden}
#sortFromEnd a {display:block; width:0 height:0 padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ С КОНЦА') no-repeat; overflow:hidden}
 #sortFromLastComment a {display:block; width:0 height:0 padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ ПО ПОСЛЕДНИМ КОММЕНТАМ') no-repeat; overflow:hidden}
.postActionLinks {position:relative; top:5 left:15 opacity: 1}
 .upPostLink a {display:block; width:0 height:0 padding:15px 10px 0px 0px !important; background: url('/ПОДНЯТЬ ПОСТ') no-repeat}
 .delPostLink a {display:block; width:0 height:0 padding:15px 10px 0px 0px !important; background: url('/УДАЛИТЬ ПОСТ') no-repeat}
 .editPostLink a {display:block; width:0 height:0 padding:15px 10px 0px 0px !important; background: url('/РЕДАКТИРОВАТЬ ПОСТ') no-repeat}
 .tonotepadPostLink a {display:block; width:0 height:0 padding:15px 10px 0px 0px !important; background: url('/ЗАПИСАТЬ В БЛОКНОТ') no-repeat}
 .fromnotepadPostLink a {display:block; width:0 height:0 padding:15px 10px 0px 0px !important; background: url('/ИЗ БЛОКНОТА В ЧЕРНОВИКИ') no-repeat}
 .countFirstDate, .countSecondDate {text-align: center !important; text-transform: uppercase; font-weight:bold !important; padding:0px !important; position:relative; top:12px}
 .header {text-align:left; text-transform: uppercase; padding:12px 10px 0px 10px !important}
 .authorName {text-transform: uppercase; padding:0px 10px 0px 10px !important}
 .sign {text-align:center; font-style:italic; padding-top:15px !important}
 .avatar img,.avatarNew img {display:block; border: 1px solid #291F16; position: relative; top:15 padding: 0px}
 div .postContent {width:860px !important; position:relative; left:-10 border-top: 1px solid #291F16; border-bottom: 1px solid #291F16; padding: 6px 20px 20px 20px !important}
 .postLinksBackg{display:block; width:860 position:relative; left:-10 padding:12px 20px 12px 20px !important; font-size:12 text-transform: lowercase}
 #Journal .countFirst .postContent {background: url('/ЛЕВАЯ ФАЛЬШАВАТАРКА') no-repeat; background-position: left top; min-height: 175px !important}
 #Journal .countFirst .paragraph {width:680px !important; position:relative; left:180 padding:10px 0px 0px 0px !important}
 #Journal .countSecond .postContent {background: url('/ПРАВАЯ ФАЛЬШАВАТАРКА') no-repeat; background-position: right top; min-height: 175px !important}
 #Journal .countSecond .paragraph {width:680px !important; padding:10px 0px 0px 0px !important}
 #JournalComments .paragraph {padding:10px 0px 0px 0px !important}
 #JournalFavorite .paragraph {padding:10px 0px 0px 0px !important}
 #JournalCalendar div #postsArea {width:520px !important; position:relative; left:190px}
 .calHeader {text-align:center !important; font-weight:bold !important; text-transform:uppercase; padding:0px !important}
 .cal-mnth {background: #EFF1F1; font-weight:bold !important; text-transform: uppercase}
 .cal-head {border-bottom:1px solid #291F16 !important; padding:2px 0px 6px 0px !important}
 .tags_ul_all {width:480px !important; position:relative; left:190px}
 .tags_header {background: #EFF1F1; font-weight:bold !important; text-transform: uppercase; padding:3px 20px 3px 20px !important}
 .tags_ul_all a {padding:0px 0px 0px 20px !important}
 .tags_ul_all span {padding:0px 20px 0px 0px !important}
 #msg_form {width:860px !important; position:relative; left:-10 border-top:1px solid #291F16 !important; padding:12px 20px 12px 20px !important}
 #msg_form input, #msg_form textarea {background: #EFF1F1; border:1px solid #336600 !important; position:relative; left:-1px}
 #addCommentArea_title, #commentsArea_title, #msg_form_title, #new_post_title {text-align:center !important; font-weight:bold !important; text-transform:uppercase; padding:0px !important}
 #post0 .paragraph {padding-top:0px !important}
 #post0 .postContent {border-top:0px !important}
 .TagL, .atTag {color:#336600}
 .atMusic {color:#444433}
 .atTag span, .atMusic span, .atMood span {font-style: normal !important}

КАРТИНКИ
Картинку "меню" нужно вставить четыре раза, будьте внимательны!

ПРИМЕРИТЬ ДИЗАЙН БЕЗ УСТАНОВКИ

http://АДРЕС ВАШЕГО ДНЕВНИКА/?design=НОМЕР ДИЗАЙНА

Номер дизайна — 3736916

CREDITS

Фотография, использованная в экстратопе и везде, найдена была через замечательное сообщество [L]..My Way is Fototales[/L]. Автора не знаю, к сожалению. Если кто-нибудь скажет, буду благодарна.
Большое спасибо MysteryLove за помощь с техническим моментом.

(c) [L]Звездочет.[/L]
При использовании дизайна просьба ставить баннер сообщества.