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

[Звездочёт.]

Настройки

Сразу скажу: дизайн, в основном, для широкоформатных мониторов. Минимальная ширина экрана, при которой меню будет видно более-менее, — 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:900px; height:370px}
 #page-c {width:900px !important; margin:0px; padding:0px !important; position:relative}
 #side {position:relative; height:50px; border-top: 1px solid #291F16}
 #authorName {display:block; width:300px; height:15px; text-align:left !important; position:absolute; top:0px; left:-755px; text-transform:uppercase; font-size:13px !important; color: #291F16 !important; padding:10px 10px 10 px 20px !important}
 #side h1 a {display:block; width:560px; height:20px; text-align:right !important; position:absolute; top:15px; left:320px; 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:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ЭТОТ ДНЕВНИК') no-repeat; position:absolute; top:-175px; left:20px}
 #thisDiaryLinks_title:hover {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ЭТОТ ДНЕВНИК - АКТИВНАЯ') no-repeat; position:absolute; top:-175px; left:20px}
 #thisDiaryLinks ul {width:150px; height:114px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: right top; position:absolute; top:-175px; left:-170px; text-align:right; padding:40px 40px 0px 0px !important}
 #globalLinks_title {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ') no-repeat; position:absolute; top:-350px; left:20px}
 #globalLinks_title:hover {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ГЛАВНОЕ МЕНЮ - АКТИВНАЯ') no-repeat; position:absolute; top:-350px; left:20px}
 #globalLinks ul {width:150px; height:124px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: right top; position:absolute; top:-350px; left:-170px; text-align:right; padding:30px 40px 0px 0px !important}
 #myDiaryLinks_title {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/МОЙ ДНЕВНИК') no-repeat; position:absolute; top:-175px; left:720px}
 #myDiaryLinks_title:hover {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/МОЙ ДНЕВНИК - АКТИВНАЯ') no-repeat; position:absolute; top:-175px; left:720px}
 #myDiaryLinks ul {width:150px; height:144px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: left top; position:absolute; top:-175px; left:880px; text-align:left; padding:10px 0px 0px 40px !important}
 #thisDiaryOwner_title {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ЗАПИСИ') no-repeat; position:absolute; top:-350px; left:720px}
 #thisDiaryOwner_title:hover {display:block; width:160px; height:155px; line-height:500px; overflow:hidden; background: url('/ЗАПИСИ - АКТИВНАЯ') no-repeat; position:absolute; top:-350px; left:720px}
 #thisDiaryOwner ul {width:150px; height:124px !important; background: #EFF1F1 url('/МЕНЮ') repeat-y; background-position: left top; position:absolute; top:-350px; left:880px; text-align:left; padding:30px 0px 0px 40px !important}
 #iAmQuit a {display:block; width:20px; height:20px; line-height:500px; overflow:hidden; background: url('/ВЫХОД') no-repeat; position:absolute; top:-370px; 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:40px; left:10px; border-bottom:0px !important}
#sortOrder {opacity: 1}
 #sortFromBegin a {display:block; width:0px; height:0px; padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ С НАЧАЛА') no-repeat; overflow:hidden}
#sortFromEnd a {display:block; width:0px; height:0px; padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ С КОНЦА') no-repeat; overflow:hidden}
 #sortFromLastComment a {display:block; width:0px; height:0px; padding:15px 21px 0px 0px !important; background: url('/СОРТИРОВАТЬ ПО ПОСЛЕДНИМ КОММЕНТАМ') no-repeat; overflow:hidden}
.postActionLinks {position:relative; top:5px; left:15px; opacity: 1}
 .upPostLink a {display:block; width:0px; height:0px; padding:15px 10px 0px 0px !important; background: url('/ПОДНЯТЬ ПОСТ') no-repeat}
 .delPostLink a {display:block; width:0px; height:0px; padding:15px 10px 0px 0px !important; background: url('/УДАЛИТЬ ПОСТ') no-repeat}
 .editPostLink a {display:block; width:0px; height:0px; padding:15px 10px 0px 0px !important; background: url('/РЕДАКТИРОВАТЬ ПОСТ') no-repeat}
 .tonotepadPostLink a {display:block; width:0px; height:0px; padding:15px 10px 0px 0px !important; background: url('/ЗАПИСАТЬ В БЛОКНОТ') no-repeat}
 .fromnotepadPostLink a {display:block; width:0px; height:0px; 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:15px; padding: 0px}
 div .postContent {width:860px !important; position:relative; left:-10px; border-top: 1px solid #291F16; border-bottom: 1px solid #291F16; padding: 6px 20px 20px 20px !important}
 .postLinksBackg{display:block; width:860px; position:relative; left:-10px; padding:12px 20px 12px 20px !important; font-size:12px; 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:180px; 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:-10px; 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]
При использовании дизайна просьба ставить баннер сообщества.

Comments

[мистер кит]

Он потрясающе красивый Не могу себе представить, сколько трудов вы в него вложили, если только при установке глаза разбегаются.
Спасибо, буду носить

[Kerry Qage]

Очень красиво.
Можно носить?

[Hailey Daile]

Отличный! Автору огромное спасибо.

[сирокко и вереск]

Простите, а не подскажете, можно его теоретически под экран нетбука как-нибудь переделать? очень уж нравится, а на широкоформатный моя машинка не тянет))

[Der Kanzler]

Безумная красота.

А под бесплатный можно сделать?

[Сияя синим]

Шикарный, забрала в цитатник, буду носить периодически

[marchflower]

Больше трех лет назад я увидела этот диз и влюбилась в него! Сколько у меня было вариантов - я кучу насоздавала сама, экспериментируя, но как только я увидела этот, ничего больше не хотелось. Он действительно такой уют и покой излучает, от него не устаешь, и в дневник возвращаешься, как в дом на краю света) Но, к сожалению, тогда я была маленькой и не могла тратить деньги на дневники...поэтому я применила максимально похожий концепт на своем бесплатном дневнике. Каждый раз любовалась и радовалась, заходя в свой дневничок с тех пор. Но когда дневники объявили о своем шатком положении, и я решила (будучи уже более сознательным человеком, чем в 16 лет) установить CSS и - о чедо! - этот диз во всей его красе.

В общем, Звездочёт., хоть ты давно не заходишь сюда, спасибо тебе большое... <3