№686. Summer Diary

[Eilianta]

Вот такой вот простенький дизайн - мой первый вклад в сообщество =) Комменты? ^^
Ник и название дневника заменяются картинками, если будете брать - указывайте, что написать.

Название: "Summer Diary"

Скрин:

Смотрим?

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

Что нам нужно?
ЗАПИСИ
s51.radikal.ru/i132/1007/88/08f5991ea533.png
МОЙ ДНЕВНИК
img215.imageshack.us/img215/408/74550154.png
ДНЕВНИК
s001.radikal.ru/i193/1007/ea/73d3eb25826e.png
ГЛАВНОЕ МЕНЮ
s45.radikal.ru/i107/1007/cc/e1e05cc06cd5.png
ФОН МЕНЮ
s02.radikal.ru/i175/1007/f6/2d3a4a6dae6c.png

НИК, НАЗВАНИЕ ДНЕВНИКА
Заменяю на нужные

ЭКСТРАТОП
s46.radikal.ru/i113/1007/39/869e00f21f00.png
ЭКСТРАБОТТОМ
s53.radikal.ru/i141/1007/67/936b603bf8d7.png
ФОН
s42.radikal.ru/i098/1007/64/5400c6bc5901.jpg
ЗАГОЛОВОК
s16.radikal.ru/i190/1007/2b/3ae62922f359.png

Для более светлого фона постов:
ЭКСТРАТОП
s004.radikal.ru/i207/1007/f3/47e7a35b1bc6.png
ФОН ПОСТОВ
s003.radikal.ru/i204/1007/bb/4728e3e75c12.png
ЭКСТРАБОТТОМ
s61.radikal.ru/i171/1007/a3/61e52eabd039.png

Код:

.sign {font-size: 12px; color:#130047}
 .header, .postDate {text-align:center}
 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:relative; top:-14px; left:-40px;}
 #thisCommunity, #myCommunity, #thisCommunityMember {position:relative; top:-14px; left:300px; }
 #myDiaryLinks {position:relative; top:-14px; left:300px; }
 #globalLinks {position:absolute; top:-3px; left:479px;}
 #thisDiaryLinks {display:none !important}
 #thisDiaryOwner_title {background-image:url('ЗАПИСИ'); width:161px; height:57px; }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('МОЙ ДНЕВНИК'); width:161px; height:57px; }
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('ГЛАВНОЕ МЕНЮ'); width:161px; height:57px; }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {background-image:url('ДНЕВНИК'); width:161px; height:57px;}
 #thisDiaryLinks_title b {display:none !important}
 #thisDiaryLinks ul {background-image:url('ФОН МЕНЮ'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:76px; left:-245px; width:750px; height:175px; text-align:center !important; padding-left:-250px !important}
 #thisCommunity_title {background-image:url('ДНЕВНИК'); width:161px; height:57px;}
 #thisCommunity_title b {display:none !important}
 #myCommunity_title {background-image:url('ДНЕВНИК'); width:161px; height:57px;}
 #myCommunity_title b {display:none !important}
 #thisCommunityMember_title {background-image:url('ДНЕВНИК'); width:161px; height:57px;}
 #thisCommunityMember_title b {display:none !important}
 #thisDiaryOwner ul {background-image:url('ФОН МЕНЮ'); background-repeat:no-repeat; position:absolute; top:76px; left:70px; width:526px; height:175px; text-align:center !important}
 #thisCommunity ul {background-image:url('ФОН МЕНЮ'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:76px; left:-245px; width:750px; height:175px; text-align:center !important; padding-left:-250px !important}
 #myCommunity ul {background-image:url('ФОН МЕНЮ'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:76px; left:-245px; width:750px; height:175px; text-align:center !important; padding-left:-250px !important}
 #thisCommunityMember ul {background-image:url('ФОН МЕНЮ'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:76px; left:-245px; width:750px; height:175px; text-align:center !important; padding-left:-250px !important}
 #myDiaryLinks ul li {width:210px; }
 #myCommunity ul li {width:210px; }
 #myDiaryLinks ul {background-image:url('ФОН МЕНЮ'); background-repeat:no-repeat; position:absolute; top:76px; left:-437px; width:526px; height:175px; text-align:center !important}
 #globalLinks ul {background-image:url('ФОН МЕНЮ'); background-repeat:no-repeat; position:absolute; top:76px; left:-268px; width:526px; height:175px; text-align:center !important}
 #myDiaryLink, #myCommunityLink, #writeThisDiary, #myDraftLink, #myNotepadLink, #umailLink, #myFavLink, #joinThisCommunity, #writeThisCommunity, #communityDraftLink, #communityMyPosts, #communityFav, #communityQuote, #communityAlbum, #leaveThisCommunity{position:relative; top:0px; left:40px}
 #myQuotLink, #discussionLink, #albumLink, #myProfileLink, #optionsLink, #photolibLink {position:relative; top:-100px; left:270px}
 #myCommunityLink {font-weight:bold !important}
 #side a {font-weight:bold !important}
 #TagsList {position:absolute; top:150px; left:16px}
 #TagsList ul {background:none !important; width:200px}
 #TagsList li div {width:200px}
 #TagsList li {margin-top:-6px !important}
 #authorName {background-image:url('НИК'); width:59px; height:23px; margin:0px !important; padding:0px !important; position:absolute; top:279px; right:750px; margin-top:2px !important;}
 #side h1 {position:absolute; top:253px; left:290px; margin-top:10px !important;}
 #side h1 a {display:block; overflow:hidden; height:40px; line-height:1700px; width:273px; background-image:url('НАЗВАНИЕ'); }
 #side {position:absolute; width:969px !important; margin: 0 !important; padding: 0 !important; z-index:10 !important}
 #postsArea .avatar img { height: 110px; width: 110px;}
 #postsArea .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 #postsArea .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 #wrapper{ min-width:969px!important;width:969px; margin: 0 auto !important;padding:0px !important;position:relative !important}
 #page-c {background: url('ФОН ПОСТОВ') repeat; width:797px !important; position:relative; left:148px; top:325px; margin-top:500px; overflow:hidden !important; }
 #postsArea {position:relative; left:5px; width:765px !important; margin-top:0px; overflow:hidden !important}
 #addCommentArea, #commentsArea {position:relative; left:5px; width:765px !important; overflow:hidden !important}
 #Journal #addCommentArea {margin-top:210px}
 #extratop { background:url('ЭКСТРАТОП') no-repeat; height: 615px; width: 969px; position:absolute; background-position: 0px 3px; }
 #extrabottom { background:url('ЭКСТРАБОТТОМ') no-repeat; height: 57px; width: 797px; position:relative; left:148px; bottom:-321px; margin-top:1px; }
 body{background: url('ФОН') ;}
 .header {background-image:url('ЗАГОЛОВОК'); background-repeat:no-repeat; background-position:top !important; height: 30px; width: 765px;}
 .postDate {background-image:#; font-weight:lighter !important; font-style: italic !important;}
 #epigraph .header {background:none !important}
 #bottomNav, .urlLink, #YaSearch, #iAmQuit, #rssLink, #upInChart, #allDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, .order_button, #epigraph .editPostLink, #paySupportLink, #login_form, #authorName span, #myLinksLink, #myLinks, #lastComments, #photolibLink {display:none !important}
 .quote_text {color: #000000 !important; text-shadow: 0 0 0.1em #52705e, 0 0 0.1em #52705e, 0 0 0.1em #52705e !important;}
 #cc {margin:0; padding:0; !important; position:relative; }
 .avatar img { height: 100px; width: 100px;}
 .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 .sign { width: 100px;}

Дизайн блочный, навигационная панель вверху.
Настройки шрифта: Times New Roman, заголовка жирный 19, текста обычный 17; (меньше сделать можено, больше - нежелательно)
Настройки цвета текста: заголовка #340505, текста #000, ссылки #051234, оффтоп #697081;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на FF версии 3.6.6, Опере в 9 и выше версиях, ГуглХроме. В ИЕ может глючить.

Comments

[Тайя.]

Классно, но вам не кажется, что текст слегка светловат для клетки? Тяжело читать будет. Может чуть потемнее текст или посветлее клетку?

[Eilianta]

Души романтиков. Спасибо ^^
Текст черный, темнее некуда) В общем-то, оно вполне читабельно, плохо видно только оффтопик, но это логично на мой взгляд.
Добавила файлы с более светлой клеткой, кому нужно)

[Тайя.]

О, вот на выбор посветлее или потемнее - это отличная идея)

[Eilianta]

Души романтиков. Кому как приглянется =)

Дизайн очень красивый, единственное меня смущает фон body. Мне кажется симпатичнее смотрелся бы чисто цвет, впрочем кому как))

[Тайя.]

А мне нравится мятая бумажка И с клеткой хорошо сочетается)

[Eilianta]

Шельн Спасибо =)
Ну, если кому-то захочется цвета, то поменять - пара секунд)

Itory не за что, заслужили
Ну, просто мастера часто просят ничего не менять в дизайне

[Eilianta]

Шельн ^^ Рада
Я тоже прошу) потому что были прецеденты, когда народ натыкал картинки левые, а выглядело это... хм. И стояло под моим авторством( Так что я поменяю лучше сама, чтобы не испортить) Главное спросить же

[alex chicago]

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

[adrasteya]

красивый, летний ))
унесла в коллекцию ))

[misspillow]

вау О__О
оооочень понравился!

[Krasnaya_liniya]

Itory можно я себе утащу? Спасибо огромное! Только ник и название вставьте, пожалуйста мои

[Eilianta]

< Рыжик >, adrasteya, MissPodushka, Krasnaya_liniya
Рада, что нравится)
Не забудьте про ник и название днева ^^

[Krasnaya_liniya]

Itory а как их изменить?

[Eilianta]

Krasnaya_liniya Присылайте мне свой ник и название днева, а я вам картинки))

замечательный дизайн!

[Eilianta]

Аланна спасибо ^^

[+heart+]

Эмм, а можно мне ник и название днева?

(Название днева: заметки на полях )

[Девушка-счастье]

Itory пожалуйста, залейте заново "Мой дневник", выдает ошибку(
очень красивый дизайн) почему-то раньше не заметила) хочу взять "носить"

[Eilianta]

Девушка-счастье
img215.imageshack.us/img215/408/74550154.png