#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

[рика инверс вредная и ленивая]

Понравилось :З

[Natella]

Звездочет. Замечательно
Можно поносить ?

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

РиКа Инверс вредная,ленивая и с тапками, спасибо!

Natella..., конечно, берите. Во время примерки всё нормально отображается?
Надеюсь, что не замучаетесь с установкой, картинок много... =)

[Светлячок.]

очень клевый диз.

[Natella]

Звездочет. я ещё не мерила. Ждала разрешения. Щаз гляну.

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

Лина., спасибо большое.

Natella..., если что, в посте написано, как примерить без установки.

[Natella]

Звездочет. А нельзя Цвета фона и границ не пустыми оставить, а сделать к примеру "яичной скорлупы" или же "слоновой кости"?

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

Natella...
Дело в том, что в самом коде заданы цвета фона и границ.

[Natella]

Звездочет. ага.ясно. просто не люблю совершенно белый.

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

Natella..., а он и не белый. Он зеленоватый.

[Natella]

Звездочет. а в МЕНЮ что то же должно быть ? просто я там невижу нефига.

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

Natella...
Да, я тоже.)) Это нормально.

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

Natella...
Просто трудно увидеть белое на белом.
Когда дизайн до конца поставите, будет понятно, зачем оно там.

[[IRVIN]]

чудный
утащу в коллекцию
автору большое спасибо!

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

Natella...
Вставьте вместо слова "МЕНЮ" адрес невидимой картинки, как вы адрес видимых вставляете.
А так-то для вопросов по установке есть техподдержка сообщества. =)

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

[IRVIN], ^^
Вам спасибо.

[Безумный Светлячок]

Милый и романтичный дизайн.Красиво.

[Natella]

Звездочет. всё поняла. мне её просто не поймать никак было

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

Безумный Светлячок,

Natella..., /посмотрела/ он вам подходит. =)
Только с этим размером шрифта меню немного съезжает, но это не страшно.

[Александра Сонли]

Взяла носить. Спасибо!

[Natella]

Звездочет.

он вам подходит. =)

Спасибо.

меню немного съезжает

немного. я просто ставлю 90% и тогда все ОК.

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

Александра Сонли, пользуйтесь на здоровье.

Natella...

я просто ставлю 90% и тогда все ОК.

А, вот как. Хороший выход, кстати, мне даже и в голову это не пришло. =)

[Natella]

Звездочет. я в коде ещё не смотрела надо будет покопаться или здесь diarycss.diary.ru/ пошарить может что найду.

[Графит]

Ты сделала практически дизайн моей мечты ) Мечты тех времен, когда дневник был "Домом в середине земли" )) Я в последнее время меняю дизайны чаще, чем пишу посты, но этот поставлю точно. Может, в нем почувствую себя уютно, наконец.

[Koshechkina]

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

Графит, спасибо тебе.
С уютом трудновато, потому что дизайн достаточно холодный. Для лета он бы идеально подходил, а сейчас лично я мёрзну, когда на него смотрю. Но фотография меня покорила. Я хочу найти автора, и чтобы он пригласил меня к себе в гости. Ну, или где он там фотографировал. =)
Теперь мне интересно, чего не хватает, чтобы это был целиком и полностью дизайн твоей мечты.)))

Asya_Kalyaskina
Вы меня пугаете своим комментом.)))

[Графит]

Звездочет.
Ты знаешь, чем дольше смотрю, тем больше он похож на дизайн моей мечты )) Просто когда думалось о дизайне для "Дома", то казалось, что там должно быть что-то связанное с кабинетом: чтобы стол письменный, перо с чернильницей, лампа и окно с видом как раз на такой пейзаж. А теперь понимаю, что все должно быть как раз так. Веранда, непременные книга и плющ, бутылка вина и птицы над горами.
Мне, кстати, уютно. Во всех "теплых" дизайнах мне быстро становится душно.
Все, унесла к себе. Он прекрасен неимоверно ) Почему-то именно ты создаешь такие дизайны, которые мне просто необходимы в текущий момент.

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

Графит
Дааа, ты понимаешь. Я безумно хотела бы жить в таком месте. Именно в таком. Мне жаль, что я так мало знаю про "Дом". Его ещё где-нибудь можно поймать на просторах Сети? А то ссылка исчезла из эпиграфа...
Птиц, кстати, не было в исходном варианте. Просто без них квадратик выглядел очень уж пусто.
Хорошо, что тебе в нём комфортно. Мне в чужих всегда некомфортно, как бы сильно они мне ни нравились.) Но тебе он очень подходит, да. Я ещё помню тот зелёненький, который был до CSS. ^^ А вообще ты греешь мне душу, ты знаешь.)))

[Графит]

Звездочет.
А в сети о доме всего одно стихотворение в начале дневника.
Мне комфортно именно в твоих. Или в своих. Остальные ношу от трех дней до пары недель и меняю. Но вот этот так мне созвучен, что должен продержаться не меньше, чем с перышком, а то и больше )

А вообще ты греешь мне душу, ты знаешь.)))

Ну, хоть как-то отблагодарить )

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

Графит
Я поищу. Просто мне казалось почему-то, что что-то было такое... Какой-то специальный дневник. Или он был другому посвящён?
^^