№ 906. Кофейный

[Eilianta]

Когда-то заказывали у меня дизайн и не забрали) Решила выложить на раздачу.
Комменты?)

Скрин:

Настройки

На все вопросы по установке вам ответит наш FAQ.
Если забираете дизайн - не забывайте ставить баннер сообщества.

Что нам нужно?
БОДИ
img856.imageshack.us/img856/378/36133601.jpg
РАЗДЕЛИТЕЛЬ
img853.imageshack.us/img853/4760/54211041.png
ДАЙРИ
img203.imageshack.us/img203/2452/69151933.png
ГЛОБАЛ
static.diary.ru/userdir/1/4/9/5/1495168/6846155...
МАЙДАЙРИ
img194.imageshack.us/img194/8493/69431098.png
ПОСТЫ
img806.imageshack.us/img806/9610/49608252.png
ТОП
img808.imageshack.us/img808/8526/75452254.jpg
БОТТОМ
img819.imageshack.us/img819/4492/86858938.png
МЕНЮ (в коде несколько раз)
img864.imageshack.us/img864/8213/59056268.png

Код:

 body{background: url('БОДИ') fixed;}
 .sign {font-size: 12px; color:#130047}
 .header {text-align:left; font: 26px times new roman !important; position: relative; top: 10px; margin-bottom: 10px;}
 .postDate {text-align:right;}
 .header { background-repeat:no-repeat; background-position:center !important; height: 30px; width: 828px; text-shadow: 2px 2px 0px #3d0101, 1px 2px 4px #3d0101; color: #f2e9cb;}
 .postDate {background-image:#; font-weight:lighter !important; font-style: italic !important;}
 .postLinksBackg {background: url('РАЗДЕЛИТЕЛЬ') top no-repeat; height:30px; text-transform: lowercase; font-size: 14px; font-style: italic; padding-top:5px !important;}
 a:hover {color:#170000}
 #change_bg_area {position:relative; z-index:4}
 #JournalComments #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #JournalFavorite #postsArea .paragraph img {max-width:530px !important}
 #JournalCalendar #content {overflow:hidden}
 #thisDiaryOwner {position:absolute; top:330px; right:45px;}
 #thisCommunity, #myCommunity, #thisCommunityMember {position:relative; top:-14px; left:300px; }
 #myDiaryLinks {position:absolute; top:386px; right:45px; }
 #globalLinks {position:absolute; top:358px; right:45px;}
 #thisDiaryLinks {display:none !important}
 #thisDiaryOwner_title {background-image:url('ДАЙРИ'); width:157px; height:28px; }
 #thisDiaryOwner_title b {display:none !important}
 #globalLinks_title {background-image:url('ГЛОБАЛ'); width:157px; height:28px; }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {display:none !important}
 #thisDiaryLinks_title b {display:none !important}
 #thisDiaryLinks ul{display:none !important}
 #myDiaryLinks_title {background-image:url('МАЙДАЙРИ'); width:157px; height:27px;}
 #myDiaryLinks_title b {display:none !important}
 #myCommunity_title {display:none !important}
 #myCommunity_title b {display:none !important}
 #side a {font-weight:bold !important; color: #6d2e1c ;}
 #authorName {top:18px; right:55px; position: absolute; text-align: right; font-size: 38pt !important; text-shadow: 2px 2px 0px #3d0101, -1px -1px 0px #3d0101; color: #f2e9cb !important;}
 #side h1 {position:absolute; top:27px; left:40px; margin-top:10px !important; text-align: left; font-size: 35pt !important; text-shadow: 2px 2px 0px #3d0101, -1px -1px 0px #3d0101; color: #f2e9cb !important;}
 #side h1 a {color: #f2e9cb !important;}
 #side {position:absolute; width:969px !important; margin: 0 !important; padding: 0 !important; z-index:10 !important; }
 #postsArea .avatar img:hover {border: dotted 1px #3d0101;}
 #wrapper{ min-width:950px!important;width:950px; margin: 0 auto !important;padding:0px !important;position:relative !important}
 #page-c {background: url('ПОСТЫ') repeat; width:943px !important; position:relative; left:2px; top:427px; margin-top:100px; overflow:hidden !important; }
 #postsArea {position:relative; left:35px; width:825px !important; margin-top:-20px; overflow:hidden !important}
 #addCommentArea, #commentsArea {position:relative; left:50px; width:825px !important; margin-top:0px; overflow:hidden !important}
 #Journal #addCommentArea {margin-top:210px}
 #extratop { background:url('ТОП') no-repeat; height: 427px; width: 947px; position:absolute; background-position: 0px 3px; }
 #extrabottom { background:url('БОТТОМ') no-repeat; height: 81px; width: 947px; position:relative; left:0px; bottom:-418px; margin-top:1px; }
 #epigraph .header {background:none !important}
 #bottomNav, .urlLink, #rssLink, #upInChart, #allDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, .order_button, #epigraph .editPostLink, #paySupportLink, #myLinksLink, #lastComments, #photolibLink {display:none !important}
 .quote_text {color: #3d0101 !important; text-shadow: 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c !important;}
 #cc {margin:0; padding:0; !important; position:relative; }
 .sign { width: 100px;}
 .postLinks {margin-right:50px; line-height: 20pt; }
 .prevnext {background:none !important;}
 #myLinks {position:relative; top:40px; left:245px; }
 #myLinks_title {display:none !important}
 #myLinks_title b {display:none !important}
 #myLinks ul {display:none !important}
 #thisCommunity ul {display:none !important}
 #myCommunity ul {display:none !important}
 #thisDiaryOwner ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; position: relative; }
 #thisCommunityMember ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; }
 #globalLinks ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; position: relative;}
 #myDiaryLinks ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; position: relative;}
 #myCommunity ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; position: relative; top: 10px;}
 #pchs_title {color: #f2e9cb !important; position: relative; top: -10px; text-shadow: 2px 2px 0px #3d0101, -1px -1px 0px #3d0101; }
 #pchs ul {background-image:url('МЕНЮ'); border: 1px solid #6d2e1c; position: relative; top: 10px;}
 #headlineList, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink {display:none !important}
 #login_form {display:none !important}
 #iAmQuit {display:none !important}
 #YaSearch {display:none !important}
  

Если название дневника и ник слишком длинные, то вы можете самостоятельно уменьшить их до необходимого размера.
Ник
#authorName {top:18px; right:55px; position: absolute; text-align: right; font-size: 38pt !important; text-shadow: 2px 2px 0px #3d0101, -1px -1px 0px #3d0101; color: #f2e9cb !important;}

Название дневника
#side h1 {position:absolute; top:27px; left:40px; margin-top:10px !important; text-align: left; font-size: 35pt !important; text-shadow: 2px 2px 0px #3d0101, -1px -1px 0px #3d0101; color: #f2e9cb !important;}


Дизайн блочный, навигационная панель сверху.
Настройки шрифта: Times New Roman, заголовка жирный курсив 18, текста обычный 17;
Настройки цвета текста: заголовка #6d2e1c, ссылки #6d2e1c, текста #3d0101, оффтоп #7d6854;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на Mozilla Firefox, Opera, Chrome, Safari. минимальное разрешение экрана 1024х768.

Comments

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

Уношу! Он шикарен!

[Domminica MacDeverson]

[Eilianta]

Александра Сонли
Спасибо, носите с удовольствием)

Tamerlana Blackdracon
^^

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

Itory, опять не могу найти, где в коде нужно поменять значение font, чтобы сделать помельче название дневника и ник автора. У меня оба длинные и пересекаются.

АПД. Только написала - и нашла.)))

[Eilianta]

Александра Сонли
Замечательно) спасибо, что напомнили, я в пост добавлю)

[Белое пушистое привидение]

Прелесть какая! Сохраню в коллекцию, спасибо!

[Elle J.]

Вкуснотища! Вот это прямо тащу себе и сегодня же переодеваюсь!

[*Таволга*]

КАкая красота!

А можно его адаптировать для бесплатного дневника?

[Кэт.]

спасибо, взяла поносить

[Niria]

Потрясающий дизайн, возьму поносить)

[Demetria]

Я в него влюбилась!
Спасибо огромное!!!!!!!

[Eilianta]

Всем спасибо за комментарии ^^

*Таволга*
Могу попробовать =)

Очень красиво. так всё сбалансировано, мне нравиться сочетание разных оттенков коричневого - очень органично смотрится. Картинка в топе просто прекрасна)

[Eilianta]

маньяк-извращенец
Большое спасибо ^^

[*Таволга*]

Itory
Спасибо. Жду.

[Domminica MacDeverson]

*Таволга*

А можно его адаптировать для бесплатного дневника?

+1

[Lyiza)]

Спасибо за такую красоту)
Утащила к себе.
Автору респект))

[Eilianta]

Tamerlana Blackdracon
Уже =)
Lyiza)
Спасибо)

[Aler@]

потрясающе!!! кофе!!!! взяла поносить)

[Eilianta]

Aler@
Все для кофеманов Х)

[~.Вишенка.~]

Спасибо. Взяла к себе.

p/s/ поставила. Одна только проблема - не вижу заголовка, сливается.

[Камен]

Какая красота) *утащил в цитатник*

[igrushka13]

Обожаю кофе! Просто не могла пройти мимо такого вкууусного дизайна.

[Elerosh]

Большое спасибо! Это первый дизайн, который я примерила.

[Белое пушистое привидение]

Как это я удачно нашла себе под настроение! Скопирую, спасибо!

[gelgreen]

взяла поносить)
спасибо)

[Ayane Teori]

Утащу в цитатник, пока нашу похожий, но не платный)

[Южик]

шикарно)) тащу в цитатник)))

[Метель.]

взяла, спасибо за красивый дизайн)

[Метель.]

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