№750 Long road

[polishastik]

Скрин


При использовании дизайна просьба ставить баннер сообщества

Примерить

Комментарии:


Изображения
экстратоп static.diary.ru/userdir/1/4/7/5/1475866/6037948...
экстработ static.diary.ru/userdir/1/4/7/5/1475866/6037958...
фон static.diary.ru/userdir/1/4/7/5/1475866/6037945...
посты static.diary.ru/userdir/1/4/7/5/1475866/6037957...
время static.diary.ru/userdir/1/4/7/5/1475866/6037959...
аватарки static.diary.ru/userdir/1/4/7/5/1475866/6037963...
цитата static.diary.ru/userdir/1/4/7/5/1475866/6037964...

Код

body {background: url('ФОН') repeat fixed; padding: 0px !important;font-family:Constantia, Georgia,Helvetica,sans-serif; font-size:16px !important; }
 #wrapper{width:930px;min-width:0; margin: 0 auto 10 !important;padding:0px !important; position:relative !important;}
 #extratop {background: url('ЭКСТРАТОП') no-repeat !important; height:300px; width:930px; }
 #extrabottom {background: url('ЭКСТРАБОТ') 0 0 no-repeat; height:35px;width:930px; margin-top:-10px;}
 #page-c {width:890px !important; padding:0 !important;padding:0 !important; padding:0px !important; padding-left:30px !important;padding-right:50px !important; background: url('ПОСТЫ') repeat-y;}
 #page-t { margin:0 !important;}
 #side {position:absolute; top:0px !important; left:30px; width:900px !important;}
 #side h1 a {text-transform:uppercase; font-weight:bold; font-size:35px; text-shadow: 0px 1px 1px #fff;}
 #side h1 a:hover, #authorName:hover {text-decoration:none;}
 #authorName {font-weight:lighter !important; text-transform:lowercase; text-shadow: 0px 1px 1px #fff; text-align:right; display:block; width:265px; margin-top:200px; position:absolute; right:15px;}
 #thisDiaryOwner {position:absolute; margin-top:120px; left:60px;}
 #thisDiaryOwner_title {display:block; width:85px; height:30px; text-indent:-9999px;}
 #myDiaryLinks {position:absolute; margin-top:120px; left:200px;}
 #myDiaryLinks_title {display:block; width:85px; height:30px; text-indent:-9999px;}
 #globalLinks {position:absolute; margin-top:120px; left:350px;}
 #globalLinks_title {display:block; width:85px; height:30px; text-indent:-9999px;}
 #iAmQuit {position:absolute; margin-top:120px; left:510px; }
 #iAmQuit a{display:block; width:85px; height:30px; text-indent:-9999px;}
 #side ul{width:600px; padding-top:10px !important; text-align:center; font-size:14px;}
 #side li {border-bottom: 1px dotted #7a6a53; display:block; height:20px; float:left; width:130px!important; margin-right:10px!important; padding-top:2px !important; padding-bottom:0px !important; }
 #thisDiaryOwner ul{position:absolute; left:-20px;}
 #myDiaryLinks ul{position:absolute; left:-160px;}
 #globalLinks ul{position:absolute; left:-310px;}
 .menuSection a{text-transform:lowercase;}
 .menuSection a:hover {text-decoration:none; color:#554e43;}
 .postDate {text-transform:lowercase; font-style:italic !important; font-size:16px !important;}
 #postsArea .postTitle span { background: url('ВРЕМЯ') no-repeat; display:block; width:186px; height:41px; font-size:24px; font-weight:bold; padding-top:17px; padding-left:15px; position:absolute; margin-top:-21px; left:0px; text-shadow: 0px 1px 1px #bfb59d; color:#4c4234;}
 #postsArea .header h2{font-size:24px; text-transform:uppercase; text-shadow: 0px 1px 1px #fff; padding-left:60px; line-height:30px;}
 #epigraph .postTitle {height:0px;}
 #epigraph {border-bottom:1px solid #7a6a53 !important; padding-bottom:5px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2;}
 #postsArea {padding-top:0px !important;}
 .postLinksBackg {text-transform:lowercase; color:#393836; border-bottom:1px solid #7a6a53; padding-bottom:5px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2;}
 .postLinksBackg a{color:#393836;}
 .postLinksBackg a:hover {text-decoration:none; color:#8a826c;}
 .comments {font-weight:bold;}
 .atMusic, .atMood, .atTag {line-height:13px;}
 .atTag em:before {content: "темы:"; font-size: 13px; color:#fff !important;}
 .atTag span {font-size: 0px; color:transparent !important;}
 .atMusic em:before {content: "музыка:"; font-size: 13px; color:#fff !important;}
 .atMusic span {font-size: 0px; color:transparent !important;}
 .atMood em:before {content: "настроение:"; font-size: 13px; color:#fff !important;}
 .atMood span {font-size: 0px; color:transparent !important;}
 .atTag a, .atMood em, .atMusic em, .atTag em{font-style:normal; font-size: 13px; color:#8d856f !important; text-transform:lowercase;}
 .quote_text{background: url('ЦИТАТА') 0px 5px no-repeat !important; display: block; font-style:italic !important; padding-left:45px !important; line-height:18px; min-height:30px;}
 .quote_text {margin: 0px 0px 0px 25px; overflow:hidden; padding:10px;}
 #JournalComments .commentAuthor{ width:131px; height:131px; position:absolute; left:0px; margin-top:-20px;}
 #JournalComments .avatar {background: url('АВАТАРКИ') no-repeat; width:131px; height:122px; z-index:5 !important;}
 #JournalComments .avatar img {width:80px; height:80px; margin:27px 0px 0px 12px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; z-index:5 !important;}
 #JournalComments .paragraph{min-height:100px;}
 #JournalComments .paragraph {margin-left:100px;}
 #JournalComments .singleComment .postTitle.header {font-style:italic !important; font-size:16px !important}
 #commentsArea_title, #addCommentArea_title, .calHeader, #new_post_title{font-size:24px; text-transform:uppercase; text-shadow: 0px 1px 1px #fff; line-height:30px;}
 #favGroups {text-transform:uppercase; text-shadow: 0px 1px 1px #fff;}
 #favGroups a:hover, .authorName a:hover, .communityName a:hover {text-decoration:none; color:#7a6a53;}
 #JournalFavorite .commentAuthor, #JournalQuote .commentAuthor{ width:131px; height:131px; position:absolute; left:0px; margin-top:-20px;}
 #JournalFavorite .avatar, #JournalQuote .avatar {background: url('АВАТАРКИ') no-repeat; width:131px; height:122px; z-index:5 !important;}
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:80px; height:80px; margin:27px 0px 0px 12px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; z-index:5 !important;}
 #JournalFavorite .singlePost .paragraph, #JournalQuote .singlePost .paragraph {min-height:100px;}
 #JournalFavorite .paragraph, #JournalQuote .paragraph {margin-left:100px;}
 #JournalFavorite .postTitle, #JournalQuote .postTitle{min-height:30px !important;}
 .authorName a, .communityName a{text-shadow: 0px 1px 1px #fff; text-transform:lowercase;}
 img {max-width:740px;}
 #JournalCalendar #content {padding-left:150px; padding-bottom:5px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2; border-bottom:1px solid #7a6a53;}
 .calHeader {padding-bottom:5px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2; border-bottom:1px solid #7a6a53;}
 .cal-mnth a, .tags_header a{text-transform:uppercase; font-weight:bold; font-size: 20px; text-shadow: 0px 1px 1px #fff;color:#7a6a53 !important;}
 #JournalCalendar #content a{color:#393836;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 .text, #message, #codebuttons, #shsmile{background:#f7f0de !important;}
 #button_panel {padding-bottom:5px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2; border-bottom:1px solid #7a6a53;}
 #pageBar{line-height:14px !important; padding-bottom:20px !important; -moz-box-shadow: 0px 1px 0px #efeae2; -webkit-box-shadow: 0px 1px 0px #efeae2; -o-box-shadow: 0px 1px 0px #efeae2; box-shadow: 0px 1px 0px #efeae2; border-bottom:1px solid #7a6a53; }
 #more_login, #thisDiaryLinks, #pchs, #myLinks, #lastComments, #bottomNav, #thisDiaryPhoto, #TagsList ul, #photolibLink,#diarySpiritLink, #faqLink, .order_button, .prevnext, .sign, #side h1 .opac6{display:none !important;}
 

Настройки
Шрифты можно указывать любые. главное - начертание обычное, не курсив. все остальное - в коде!

Цвета:
заголовок #9b917a
ссылки #8a826c
записи #7a6a53
оффтопик #a29981
фон дневника -
фон записей -
фон заголовков -
границы -

Примечание.
Дизайн блочный. Навигация вверху.

Как устанавливать дизайны

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

Comments

[Tat-chan]

спасибо))для меня ваш диз - победитель)))

[polishastik]

Tat-chan, спасибо! приятно слышать, что хоть для кого-то

[.Vozduh]

Однозначно победитель. ^_____^

[Strijkova]

интересная задумка...разрывалась между этим и победителем.

[polishastik]

mahini, люблю

[.Vozduh]

Strijkova,, а вы не мучайтесь. Примерти оба и попробуйте поюзать. "Ты всё поймёшь, ты всё увидишь сам." )))

polishastik, правду говорю. )) И удивляюсь итогам, да.

[sky-deleter]

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

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

[polishastik]

mahini, ты всегда мне правду говоришь))) за что я тебя и люблю))) даже когда правда нелицеприятна)))

[синяк на пятке]

Вот это мастерство

[Грайне]

polishastik очень красиво.)

[Jette]

Замечательная работа. Мне очень нравится.
Только возникает проблема, когда ставлю дизайн в днев. Не отображается фон постов я тупица в CSS, наверное, что-то неправильно делаю.

[polishastik]

[chaotic neutral], шатаюсяясся, Грайне, спасибо большущее!!! правда, очень приятно

[.Vozduh]

polishastik
Втёрлась в доверие и бессовестно этим пользуюсь. XD

[polishastik]

Jette, картинку не видите? она высотой в пиксель - посмотрите внимательно в окне браузера.

[Jette]

polishastik
картинку вижу, сохраняю, вставляю по инструкции, а фон все равно остается коричневый((
Но с 3его раза получилось))) Спасибо

[polishastik]

Jette, значит, все уже хорошо носите с удовольствием!

[Jette]

polishastik мерси))

[Fantom_ghost]

очень понравилась Ваша работа =)

[polishastik]

Fantom_ghost, пасип))

[boogagashenka]

Красивый дизайн.

[polishastik]

boogagashenka, спасибо)

[gwenstacy]

Шикарный дизайн. Такой гармоничный и аккуратный))

[Benj]

сохранила себе. сейчас ставить буду *_*
спасибо большу-ущее.

[polishastik]

spoiler-men, спасибо!
Benji., носите

[Benj]

polishastik , как мне нравитсяяя *___* ещё раз большущее-пребольшущее спасибо.
вы лучшая. ^___^/

[polishastik]

вы лучшая. ^___^/

ммммм, как приятно! просто безумно! носите с радостью и пусть вам будет уютно)))

[Aler@]

Вы просто нереальный талантище!!! восхищаюсь!!!!

[polishastik]

Aler@, благодарю) очень приятно!

[Lilymoor]

Прекрасный дизайн,возьму себе в коллекцию,и буду носить.Спасибо

[polishastik]

Lilymoor, носите с удовольствием!