№750 Long road

[dizain-by-shokolad]

Скрин


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

Примерить

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


Изображения
экстратоп 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:930min-width:0; margin: 0 auto 10 !important;padding:0px !important; position:relative !important;}
 #extratop {background: url('ЭКСТРАТОП') no-repeat !important; height:300 width:930 }
 #extrabottom {background: url('ЭКСТРАБОТ') 0 0 no-repeat; height:35width:930 margin-top:-10}
 #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:30 width:900px !important;}
 #side h1 a {text-transform:uppercase; font-weight:bold; font-size:35 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:265 margin-top:200 position:absolute; right:15}
 #thisDiaryOwner {position:absolute; margin-top:120 left:60}
 #thisDiaryOwner_title {display:block; width:85 height:30 text-indent:-9999}
 #myDiaryLinks {position:absolute; margin-top:120 left:200}
 #myDiaryLinks_title {display:block; width:85 height:30 text-indent:-9999}
 #globalLinks {position:absolute; margin-top:120 left:350}
 #globalLinks_title {display:block; width:85 height:30 text-indent:-9999}
 #iAmQuit {position:absolute; margin-top:120 left:510 }
 #iAmQuit a{display:block; width:85 height:30 text-indent:-9999}
 #side ul{width:600 padding-top:10px !important; text-align:center; font-size:14}
 #side li {border-bottom: 1px dotted #7a6a53; display:block; height:20 float:left; width:130px!important; margin-right:10px!important; padding-top:2px !important; padding-bottom:0px !important; }
 #thisDiaryOwner ul{position:absolute; left:-20}
 #myDiaryLinks ul{position:absolute; left:-160}
 #globalLinks ul{position:absolute; left:-310}
 .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:186 height:41 font-size:24 font-weight:bold; padding-top:17 padding-left:15 position:absolute; margin-top:-21 left:0 text-shadow: 0px 1px 1px #bfb59d; color:#4c4234;}
 #postsArea .header h2{font-size:24 text-transform:uppercase; text-shadow: 0px 1px 1px #fff; padding-left:60 line-height:30}
 #epigraph .postTitle {height:0}
 #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:13}
 .atTag em:before {content: "темы:"; font-size: 13 color:#fff !important;}
 .atTag span {font-size: 0 color:transparent !important;}
 .atMusic em:before {content: "музыка:"; font-size: 13 color:#fff !important;}
 .atMusic span {font-size: 0 color:transparent !important;}
 .atMood em:before {content: "настроение:"; font-size: 13 color:#fff !important;}
 .atMood span {font-size: 0 color:transparent !important;}
 .atTag a, .atMood em, .atMusic em, .atTag em{font-style:normal; font-size: 13 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:18 min-height:30}
 .quote_text {margin: 0px 0px 0px 25 overflow:hidden; padding:10}
 #JournalComments .commentAuthor{ width:131 height:131 position:absolute; left:0 margin-top:-20}
 #JournalComments .avatar {background: url('АВАТАРКИ') no-repeat; width:131 height:122 z-index:5 !important;}
 #JournalComments .avatar img {width:80 height:80 margin:27px 0px 0px 12 -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:100}
 #JournalComments .paragraph {margin-left:100}
 #JournalComments .singleComment .postTitle.header {font-style:italic !important; font-size:16px !important}
 #commentsArea_title, #addCommentArea_title, .calHeader, #new_post_title{font-size:24 text-transform:uppercase; text-shadow: 0px 1px 1px #fff; line-height:30}
 #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:131 height:131 position:absolute; left:0 margin-top:-20}
 #JournalFavorite .avatar, #JournalQuote .avatar {background: url('АВАТАРКИ') no-repeat; width:131 height:122 z-index:5 !important;}
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:80 height:80 margin:27px 0px 0px 12 -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:100}
 #JournalFavorite .paragraph, #JournalQuote .paragraph {margin-left:100}
 #JournalFavorite .postTitle, #JournalQuote .postTitle{min-height:30px !important;}
 .authorName a, .communityName a{text-shadow: 0px 1px 1px #fff; text-transform:lowercase;}
 img {max-width:740}
 #JournalCalendar #content {padding-left:150 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: 20 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
фон дневника -
фон записей -
фон заголовков -
границы -

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

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

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