#848 Lost road

[Invisible]

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

Пример

Настройки

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

настройки

Дизайн - табличный, меню - сверху
Шрифт - 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: 550px; width:975px; margin-top:0px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat 4px top; height: 155px; width:979px;position:relative; right:0px; z-index:0; padding-bottom:10px; margin-top:-1px;}
 {-----------------------------------------------------------------}
 #side { width:650px; position:absolute !important; margin-top:-150px !important; padding-left:230px; text-align:center; z-index:3;}
 #side a{color:#e5daa8; font-size:14px; font-family:georgia; letter-spacing:-0.5px; text-shadow: 1px 1px 3px #684b2b;}
 #side a:hover{color:#684b2b; text-decoration:none;}
 #side li {display:block; height:10px; float:left; width:140px!important; margin-right:15px!important; padding-top:0px !important; padding-bottom:5px !important; }
 #side ul{ position:absolute; left:260px; margin-top:0px; width:500px; text-align:center;}
 #TagsList {position:absolute; left:-400px !important; margin-top:-10px; }
 #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:15px;}
 {-------------------------------Меню(3)----------------------------------------}
 #side h1 A{position:absolute; top: -360px; left: 10px; color: #684b2b !important; font-size:18px; text-shadow:none;}
 #authorName {position:absolute; top: -340px; left: -610px; 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:123px; height:54px; line-height:300px; overflow:hidden; background: url('DIARY') 0px 0px no-repeat ;}
 #myDiaryLinks_title {display:block; width:173px; height:61px; line-height:300px; overflow:hidden; background: url('MY-DIARY') 0px 0px no-repeat;}
 #globalLinks_title {display:block; width:124px; height:57px; line-height:300px; 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:20px; font-size:22px;}
 .countFirstDate.postDate, .countSecondDate.postDate {color:#e5daa8 !important; font-style:normal !important; font-weight:normal!important; font-size:12px; position:relative; z-index:5;}
 {----------------------------------РАЗДЕЛИТЕЛЬ(повторяется-2-раза)-------------------------------------}
.postLinksBackg {background: url('РАЗДЕЛИТЕЛЬ') no-repeat top; height:249px; width:976px; position:relative; right:55px; z-index:1; ; margin-bottom:-100px;}
 .postLinks{padding-right:40px;}
 .urlLink{padding-left:60px;}
 .postContent, .authorName, .communityName, #msg_form, .pageBar {position:relative; z-index:5;}
 #epigraph{background: url('РАЗДЕЛИТЕЛЬ') no-repeat bottom; height:249px; width:976px; position:relative; right:55px; margin-bottom:-100px;}
 #epigraph .postActionLinks {position:relative; z-index:7 !important; right:50px;}
 .pageBar{margin-bottom:-30px; padding-top:50px;}

Comments

[Алонсо Кехана]

Очень классно!

[tanushka-claire]

Это шикарно, серьёзно. У меня аж кольнуло где-то

[[...Ветер...]]

вы издеваетесь ТТ хочу-у-у!(
это охренительно здорово

[alex chicago]

Блядь извините, вырвалось
Офигенно просто

охренительный диззз можно взять носить?

[Пруссия]

Очень красивый диз, пока в цитатник потом поношу.

[*Без_ОБЛАЧка*]

шикарный дизайн)))))))))))

[Герцогиня Сельмаг]

*в восхищении*

[~TRISTIA~]

Шикарно!!!!

[Dragon with grey eyes]

Офигительно! ОО

Cпасибо за эту красоту!

[sweetdream00]

Ого О_о. Это просто потрясающе

[Invisible]

Всем спасибо, всем можно, носите на здоровье

[Annie Kahn]

Invisible Знаете, этот диз напомнил мне пейзаж из детства, я очень боялась такого места и одновременно оно меня притягивало, и вот я его вижу! Это невообразимое чувство! Потрясающий диз!!! Обязательно буду носить его! Спасибо!

[-Satin-]

класс!

[kittymara]

Только куда вписывать три последних кода?

[Синимис Скай]

О, мой Бог! О_О Это прекрасно!!!

[Invisible]

Annie Kahn
Ух ты, как прям
Спасибо!

-Satin-
Синимис Скай
Спасибо большое)

kittymara
В смысле, какие коды?
Картинки? Там в коде везде отмечено что куда, смотрите внимательно.

[kittymara]

Invisible , я уже разобралась.

[Тысячелетняя коза и с лопатой]

Боги, дизайн просто великолепен!...
Возьму в коллекцию, возможно, скоро примерю.
Большое спасибо!

Боже, оно прекрасно и постапокалиптично..
*фанад!*

Спасибо за шикарную работу. Возьму поюзать, если можно.. *___*

[.Широ]

Спасибо большое *_*
Я взяла поносить *О*

непременно носить)))) обалденый диз.
Invisible прям волшебница

красотааа...

[$@t@$]

давно искал подобное. с вашего позволения возьму...

[Сван_]

потрясающе!)
Взял в коллекцию

[Мммммм]

Очнеь. Очень

[Slitherin]

Прекрасный дизайн!!!Invisible Спасибо, очень нравятся ваши работы, как жаль что вы не работаете на заказ.
ПыСы Взяла поносить.

[Invisible]

Дорогие все, кто установил диз,
Обнаружен баг, исправьте пожалуйста!

Я уже исправила в коде, но всем, кто установил раньше, нужно исправить у себя отдельно. У вас есть строчка в коде, которая выглядит так (в разделе "разделитель"):

#epigraph{background: # no-repeat bottom; height:249px; width:976px; position:relative; right:55px; margin-bottom:-100px;}

Так вот там должно быть:

#epigraph{background: url('РАЗДЕЛИТЕЛЬ') no-repeat bottom; height:249px; width:976px; position:relative; right:55px; margin-bottom:-100px;}

где вместо РАЗДЕЛИТЕЛЯ нужно еще раз вставить ссылку на соответствующую картинку из вашей БИ.

Простите за невнимательность

[Herz~aus~Stein]

очешуенный диз! взял поносить