#809. Diary

[Eilianta]

Дизайн простенький, динамичный, в стиле унисекс в теплых тонах))
Кому нравится?)

Скрин:

Настройки

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

Что нам нужно?
БЛОК1
img220.imageshack.us/img220/7806/81893385.png
БЛОК2
img3.imageshack.us/img3/4921/38254575.png
БЛОК3
img39.imageshack.us/img39/8100/74206931.png
ВЫХОД
img204.imageshack.us/img204/1984/18001575.png
ЗАГОЛОВОК
img841.imageshack.us/img841/793/26259018.png
МЕНЮ1
img683.imageshack.us/img683/3655/50316730.png
МЕНЮ2
img535.imageshack.us/img535/5378/74260323.png
МЕНЮ3
img199.imageshack.us/img199/5017/57515024.png
МЕНЮ4
img715.imageshack.us/img715/7599/11912141.png
МЕНЮ5
img99.imageshack.us/img99/7057/86718882.png
ПАРАГРАФ
img222.imageshack.us/img222/167/99555796.jpg
ПОИСК
img231.imageshack.us/img231/5240/62931973.png
СТАТ
img228.imageshack.us/img228/2931/98926185.png
ФОН
img3.imageshack.us/img3/9411/36112639.jpg
ФОН ПОСТА
img109.imageshack.us/img109/5558/89260942.jpg
ФОНМЕНЮ
img15.imageshack.us/img15/8290/97432097.jpg
ЭКСТРАТОП
img217.imageshack.us/img217/3158/70367087.jpg

Код:

 body {background: url('ФОН');}
 #extratop {background:url('ЭКСТРАТОП') repeat; height: 200px; width: 100%; position: relative; z-index: 7; top: -34px;}
 #page-c {background: url('ФОН ПОСТА') repeat; width:80% !important; min-width: 900px !important; position: absolute; right: 50px; top: 160px; border: 1px solid #000700; z-index: 3;}
 #postsArea { position: relative; top: 4px; }
 .paragraph div {border: 1px dashed #c6bba4; background: url('ПАРАГРАФ') repeat; margin-left: 5px; margin-right: 5px; padding: 4px;}
 #epigraph .paragraph div {border-top: 0px dashed #c6bba4 !important; border-bottom: 0px dashed #c6bba4 !important; background: none !important; margin-top: 5px; font-size: 12px !important; text-transform: lowercase !important; }
 #wrapper{ min-width:1000px!important; width:100%; margin: 0 auto !important; padding:0px !important; position: absolute !important; right: 0px;}
 #add_block1 {background: url('БЛОК1'); width: 976px; height: 166px; position: absolute; top: 0px; left: 43px; z-index: 8;}
 #add_block2 {background: url('БЛОК2'); width: 3px; height: 100%; position: fixed; top: 0px; bottom: 0px; right: 86%; z-index: 2;}
 #add_block3 {background: url('БЛОК2'); width: 3px; height: 100%; position: fixed; top: 0px; bottom: 0px; right: 40px; z-index: 2;}
 #add_block4 {background: url('БЛОК3'); width: 139px; height: 100%; position: fixed; top: 0px; bottom: 0px; left: -7%; z-index: 3;}
 #side {width: 920px; position: absolute; top: 60px; left: 300px; margin-left: 10px; text-align: center; background: #; border: none; z-index: 66; height: 160px;}
 #Journal .header {background: url('ЗАГОЛОВОК') 0px -2px no-repeat; height: 50px;}
 .postDate span:before{content:'date: ' !important; color:#91826a;}
 #Journal .header {padding-left: 89px !important; position: relative; left: -30px; font-size: 150%; padding-top: 8px !important; z-index: 7; text-transform: uppercase; magin-top: 20px; }
 .postDate { text-transform: lowercase; color:#91826a !important; font-size: 12px !important;}
 .postTitle span { text-transform: lowercase; color:#91826a !important; font-size: 12px !important; position: absolute; top: 14px; left: 2%; }
 .postLinksBackg {border-bottom: 1px dashed #4a1914; margin-bottom: 5px; text-transform: uppercase; font-size: 10px !important; }
 #epigraph .header {background:none !important; margin-bottom: -60px; }
 .singlePost {position: relative; }
 .order_button {background:none !important; margin-top: -50px; top: -20px; border-bottom: 1px dashed #4a1914; position: relative; right: -20px; margin-right: -40px !important;}
 #YaSearch {padding:0!important; margin:0!important;border:none!important; position: absolute; top: 50px; margin-top: 30px; margin-left: 5px; left: -225px; color: #e7debf; text-transform: uppercase; background: # !important; width: 150px !important;}
 #YaSearch_title b {color: #e7debf; text-transform: uppercase; background: # !important;}
 #YaSearchForm {border-bottom: 1px dashed #e7debf;}
 #yaquery {border: none !important; }
 #YaSearch A {display:none;}
 #YaSearchForm .submit {background: url('ПОИСК') no-repeat; width:45px; height:9px; border:none !important; position:relative; right: 1px; line-height:0px; font-size:0px; color:transparent; top: 3px;}
 #yaquery { border:none!important; background: # !important;}
 #Stats a {background: url('СТАТ') no-repeat; width:147px; height:12px; position: absolute; left: 80px; line-height:0px; font-size:0px; color:transparent; top: 15px; z-index: 55; }
 #iAmQuit a {background: url('ВЫХОД') no-repeat; width:147px; height:12px; position: absolute; left: -215px; line-height:0px; font-size:0px; color:transparent; top: 12px; z-index: 55; }
 #more_login {display: none !important;}
 #login_change {position: relative; left: -300px;}
 #thisDiaryPhoto {display: none !important;}
 #authorName {position: absolute; left: -200px; top: 35px; font-size: 22px !important; text-shadow: 1px 2px 0px #8f836c, 1px 2px 0px #f4e9cc;}
 #side h1 {position:absolute; top:44px; right:-270px; margin-top:10px !important;}
 #side h1 a { font-size: 18px !important; text-transform: uppercase; text-shadow: 1px 2px 0px #8f836c, 1px 2px 0px #f4e9cc;}
 {------------------}
 #thisDiaryOwner {position:absolute; top:-72px; left:100px;}
 #myDiaryLinks {position:absolute; top:-72px; left:220px; }
 #globalLinks {position:absolute; top:-75px; left:370px;}
 #thisCommunity, #myCommunity, #thisCommunityMember {position:absolute; top:-72px; left:-10px; }
 #thisDiaryLinks {position:absolute; top:-72px; left:-10px; }
 #thisDiaryOwner_title {background-image:url('МЕНЮ1'); width:104px; height:45px; }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('МЕНЮ2'); width:140px; height:44px; }
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('МЕНЮ3'); width:117px; height:48px; }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {background-image:url('МЕНЮ4'); width:99px; height:44px;}
 #thisDiaryLinks_title b {display:none !important}
 #thisCommunity_title {background-image:url('МЕНЮ4'); width:99px; height:44px;}
 #thisCommunity_title b {display:none !important}
 #myCommunity_title {background-image:url('МЕНЮ4'); width:99px; height:44px;}
 #myCommunity_title b {display:none !important}
 #thisCommunityMember_title {background-image:url('МЕНЮ4'); width:99px; height:44px;}
 #thisCommunityMember_title b {display:none !important}
 #thisDiaryOwner ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42px; left: -40px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisDiaryLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42px; left: 60px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisCommunity ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42px; left: -160px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myCommunity ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:42px; left: -160px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #thisCommunityMember ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:40px; left: -160px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myDiaryLinks ul li {width:510px; }
 #myCommunity ul li {width:510px; }
 #myDiaryLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:41px; left: -160px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #globalLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:43px; left: -310px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;}
 #myLinks ul {background-image: url('ФОНМЕНЮ'); background-repeat: no-repeat; position:absolute; top:43px; left: -440px; width:450px; height:150px !important; text-align:center !important; text-transform: lowercase;; text-transform: lowercase;}
 #myLinks_title {display:block; width:104px; height:43px; line-height:500px; overflow:hidden; background: url('МЕНЮ5') 2px 4px no-repeat;}
 #myLinks {position:absolute; top: -75px;left: 500px;}
 #myDiaryLink, #writeThisDiary, #myDraftLink, #umailLink {position:relative; top:9px; left:-60px;}
 #myQuotLink, #discussionLink, #optionsLink, #myFavLink {position:relative; top:-65px; left:40px;}
 #photolibLink,#myNotepadLink, #myLinksLink, #myProfileLink, #albumLink {display:none !important;}
 #allDiaryLink, #mainpageLink, #favListLink, #pchListLink {position:relative; top:5px; left:-70px;}
 #randomDiaryLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink {position:relative; top:-65px; left:70px;}
 #faqLink, #myCommunityLink, #communityCatalogueLink {display:none !important;}
 .atTag em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 .atMusic em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 .atMood em {text-decoration: none !important; text-transform: lowercase !important; font-style: normal !important;font-size: 12px !important;}
 A:HOVER{ color:#801500 !important; text-decoration: none; text-shadow: 1px 2px 0px #f4e9cc, 1px 2px 0px #f4e9cc;}
 a {text-decoration: none !important; }
 span.quote_text {border-top: 1px dashed #816a3a; border-bottom: 1px dashed #816a3a; display: inline-block; font-style:italic; margin-top: 12px; padding: 5px; margin-bottom: 10px; color: #816a3a; text-shadow: 1px 2px 0px #f4e9cc, 1px 2px 0px #f4e9cc;}
 #login_form_title b { color:#afa288 !important; text-transform: uppercase; font-size: 11px !important;}
 #login_form {position: absolute; left: -180px;}
 #cc {border: 1px dashed #2e1808; padding: 4px; background: #f4e9cc!important; color: #2e1808 !important;}
 #cc {margin-top: -170px !important; margin-left: -40px !important;}
 #postsArea .avatar img { max-width: 100px !important; border: 1px dashed #2e1808; padding: 4px;}
 #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);}
 #commentsArea .avatar img { max-width: 100px !important; border: 1px dashed #2e1808; padding: 4px;}
 #commentsArea .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 #commentsArea .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);} 

Дизайн блочный, навигационная панель вверху.
Настройки шрифта: Arial, заголовка жирный 16, текста обычный 15;
Настройки цвета текста: заголовка #4a1914, ссылки #2e1808, текста #000700, оффтоп #8c7f68;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на Mozilla Firefox, Opera, Chrome, Safari. минимальное разрешение экрана 1024х768.

Comments

[My notepad]

Возьму, спасибо =)

[~febusss~]

Очаровательный дизайн, беру, большое спасибо)))

[Pa-ra-pa]

Замечательный диз. Взяла) Спасибо!!!!!!!!!

[Elle J.]

обожаю динамические дизы. Скажите, а у меня одной шапка-экстратоп сдивинута влево или она действительно не по центру дизайна располагается?

[Pa-ra-pa]

Очень красивый диз! А подскажите плизз, там в БЛОК2 картинки вообще нет? Просто там кроме малюсенького квардатика ничего нет или так и должно быть?

[Eilianta]

Jenny Voragus так и должно быть

[Pa-ra-pa]

А можно задать еще вопрос:
У меня почему-то не отражается некоторые элементы, и ПЧ расположены по центру, хотя переделывала три раза и все также.
Может кто сталкивался с подобным?

[Eilianta]

сделайте статистику ссылкой, а не картинкой.
Проверьте настройки, вы точно установили меню сверху?

[Primordial]

Itory
потрясающая схема!!! установить пока не сумела, но утащила в свой цитатник.
спасибо)))

[Are you my mommy?]

*___________________* потрясающ *___* если разберусь в настройках - установлю

[Флинн]

в цитатник, спасибо, может, как-нибудь поношу. )

[Daniel Walker]

Мне нравится - очень красивый дизайн!

[Daniel Walker]

Но вместо Блок1 показывает ошибку 404.
Можно ли пропустить его? ничего страшного? Или использовать Блок2?

[Eilianta]

БЛОК1

img850.imageshack.us/img850/1328/15580994.png

[Daniel Walker]

Itory большое спасибо)) *взял недостающую часть*
как раз пробую поставить дизайн себе) уверен, получится))

[Eilianta]

Daniel Walker
Ну вы знаете, куда идти с вопросами Х)

[Daniel Walker]

все)) поставил дизайн, мне очень нравится, вроде работает нормально)))

[Eilianta]

Daniel Walker
Замечательно, носите с удовольствием)

[Эстель Вильварин]

Аналогичная проблема с Jenny Voragus
ПЧ и последние коментарии расположены по центру как бы я не старался изменить что либо.

[Eilianta]

Посланец небес
Во-первых, поставьте статистику текстом, во-вторых, в дизайне используется шрифт Ариал.

Попробуйте добавить вот этот код

 #bottomNav, #bottomNav, #topNavLinks, #lastComments {display: none !important;}
 #pchs_title {color: #44360e; text-shadow: 1px 2px 2px #c6bba5, -1px -2px 2px #c6bba5, 2px 2px 0px #c6bba5, -1px -1px 0px #c6bba5; }
#pchs ul {background: #ebe3c4; text-transform: lowercase; font-size: 11px !important;}
  #pchs {position: absolute; top: 85px; right: 0px;}

Расположение должно быть на этой линии:

Если сдвинулось, то подгоните вот эти числа
#pchs {position: absolute; top: 85px; right: 0px;}

[Эстель Вильварин]

Itory
буду пытаться) если не выйдет, значит у меня просто кривые руки))
а вообще спасибо вам за замечательный дизайн!

[Eilianta]

Посланец небес
Не за что)
Должно получиться, я про список пч просто забыла, когда диз делала ^^" сейчас просто эти строки добавила - нормально отобразилось.

[Эстель Вильварин]

-_-'' я просто первый раз ставлю CSS оформление поэтому мне сложно...
после добавления последнего кода постоянные читатели сдвигаются, но пропадает ссылка на счетчик и я никак не могу заставить появиться Links, хотя вставляю все как сказано, уже несколько раз переделывал по новой, Links не появляется.

[ДОМОВУШКА]

Очень красиво!

[Камен]

можно же взять,да? очень красивый диз!

[Eilianta]

Конечно, берите х) Носите с удовольствем и не забудьте наш баннер х)

[Камен]

Itory , спасибо))уже поставила и баннер тоже))

[Eilianta]

[Kamen]
Сделайте статстику тесовую) лучше будет))

[Камен]

Itory , вроде текстовую сделала, но ничего не изменилось. Или из кода еще надо убрать?

[Eilianta]

[Kamen]
Теперь хорошо) У вас висел баннер статистики)