№1105 Блокнот

[Сольвейг Солантис]

Дизайн простой, но картинок в нем много, предупреждаю сразу.
Меню фиксированное, дизайн динамический. Кто отловит баги - тот молодец, жду в комментариях.)

Пример



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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН ⇒ читать инструкцию

-----------------------------------------------------
УСТАНОВИТЬ АВТОМАТИЧЕСКИ
-----------------------------------------------------

Дизайн - блочный, меню - вверху
заголовка — обычный 16
текста — обычный 16
гарнитура — Georgia

заголовка — #000
ссылки — #000
записи — #5c5c5c
оффтопика — #beb4b4

Картинки
(все картинки находятся в блоке "image", в остальном коде трогать ничего не надо)
БОДИ
БЛОК1
БЛОК2
БЛОК3
БЛОК4
БЛОК5
БЛОК6
БЛОК7
БЛОК8
ТОП
МЕНЮ1
МЕНЮ2
МЕНЮ3
МЕНЮФОН
МОЙДНЕВНИК
ЗАПИСЬ
ЧЕРНОВИК
МЫЛО
ИЗБРАННОЕ
ЦИТАТНИК
ДИСКУССИИ
НАСТРОЙКИ
ВВЕРХ
УДАЛИТЬ
РЕДАКТИРОВАТЬ
ЗАМОК
СОБАКА

Код

 
{---image---}
body {background: url('БОДИ') repeat; padding: 0px !important; margin: 0 !important;}
 #wrapper {min-width: 1000px !important; position: relative !important; margin: 0px !important; }
 #add_block1 {background: url('БЛОК1') repeat-x; width: 100%; height:60px !important; position:absolute; top: 0px; z-index:-2 !important}
 #add_block2 { position: absolute; width: 100%; height: 60px; right: 0%; margin: 0 !important; background: url('БЛОК2') repeat-x 100% 100%; z-index:-2 !important}
 #add_block3 {background: url('БЛОК3') no-repeat; width: 100%; height:60px !important; position:absolute; top: 0px; z-index:-1 !important}
 #add_block4 { position: absolute; width: 100%; height: 60px; right: 0%; top:0%;background: url('БЛОК4') no-repeat 100% 0%; z-index:-1 !important}
 #add_block5 {background: url('БЛОК5') right repeat-y; width: 145px; height:100% !important; position: fixed; top: 0px; right: 0px; z-index:-2 !important; margin: 0px !important; padding: 0px !important;}
 #add_block6 {background: url('БЛОК6') repeat-y; width: 145px; height:100% !important; position: fixed; top: 0px; left: 0px; z-index:-2 !important; margin: 0px !important; padding: 0px !important;}
 #add_block7 { position: absolute; width: 100%; height: 60px; right: 0%; margin-top: 0%; background: url('БЛОК7') no-repeat bottom right; z-index:-1 !important}
 #add_block8 { position: absolute; width: 100%; height: 60px; right: 0%; margin-top: 0%; background: url('БЛОК8') no-repeat 0% 100%; z-index:-1 !important}
 #extratop {background: url('ТОП') top center no-repeat !important; height:78px; width: 100%; position:relative }
 #thisDiaryOwner_title {background: url('МЕНЮ1') ; width: 53px; height: 35px; display:block; line-height:300px; overflow:hidden;}
 #globalLinks_title {background: url('МЕНЮ2') ; width: 53px; height: 35px; display:block; line-height:300px; overflow:hidden;}
 #iAmQuit a {display:block; width: 53px; height: 35px; overflow:hidden; line-height:250px; background: url('МЕНЮ3') 0px 0px no-repeat; position: relative; top: 120px; left: -10px;}
 #thisDiaryOwner ul { position:relative; z-index: 55; color: #decd84; padding: 10px !important; border: 1px dashed #834c46; top: -34px !important; left: 55px; background: url('МЕНЮФОН') repeat; }
 #globalLinks ul {position:relative; z-index: 55; color: #decd84; padding: 10px !important; border: 1px dashed #834c46; top: -74px !important; left: 55px; background: url('МЕНЮФОН') repeat; }
#myDiaryLink a {background: url('МОЙДНЕВНИК') 0 100% no-repeat; position: absolute; margin-top: 10px !important; margin-left: 4px !important; z-index: 77 !important;}
 #writeThisDiary a {background: url('ЗАПИСЬ') 0 100% no-repeat;position: absolute; margin-top: 45px !important; margin-left: 4px !important; z-index: 77 !important;}
 #myDraftLink a {background: url('ЧЕРНОВИК') 0 100% no-repeat; position: absolute; margin-top: 80px !important; margin-left: 4px !important; z-index: 77 !important;}
#umailLink a {background: url('МЫЛО') 0 100% no-repeat; position: absolute; margin-top: 115px !important; margin-left: 4px !important; z-index: 77 !important;}
 #myFavLink a {background: url('ИЗБРАННОЕ') 0 100% no-repeat; position: absolute; margin-top: 150px !important; margin-left: 4px !important; z-index: 77 !important;}
 #myQuotLink a {background: url('ЦИТАТНИК') 0 100% no-repeat; position: absolute; margin-top: 185px !important; margin-left: 4px !important; z-index: 77 !important;}
 #discussionLink a {background: url('ДИСКУССИИ') 0 100% no-repeat; position: absolute; margin-top: 220px !important; margin-left: 4px !important; z-index: 77 !important;}
 #optionsLink a {background: url('НАСТРОЙКИ') 0 100% no-repeat; position: absolute; margin-top: 255px !important; margin-left: 4px !important; z-index: 77 !important;}
.upPostLink [src*="postup.gif"] { background: url('ВВЕРХ') 0 0 no-repeat !important; width: 19px; padding: 18px 0px 0px 0px !important; height:0px !important; margin: 2px 0 0 5px;}
 .delPostLink [src*="postdelite.gif"] { background: url('УДАЛИТЬ') 0 0 no-repeat !important; width: 19px; padding: 18px 0px 0px 0px !important; height:0px !important; margin: 2px 0 0 4px; }
 .editPostLink [src*="postedit.gif"] { background: url('РЕДАКТИРОВАТЬ') 0 0 no-repeat !important; width: 19px; padding: 18px 0px 0px 0px !important; height:0px !important; margin: 2px 1px 0px 1px; }
 .opac6 {width: 0; height: 0; background: url('ЗАМОК') no-repeat ; padding: 15px 18px 10px 1px !important; -moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}
 .TagJIco {background: url('СОБАКА') no-repeat scroll 0 7px transparent; display: inline-block; padding-left: 8px; position: relative;text-decoration: none !important; margin-left:5px; padding-top: -3px; }
 .postLinksBackg a {background: url('СОБАКА') no-repeat left center; font-size: 14px; font-weight: bold; color: #703e39 !important; text-transform: lowercase; padding-left: 11px; letter-spacing: 1px !important; padding-bottom: 3px; }
.atMusic SPAN , .atMood SPAN, .atTag SPAN {display:block; width: 8px; height: 8px;; line-height:151px; float:left; overflow:hidden; background: url('СОБАКА') 0px 0px no-repeat; margin-left: 0px; color: #445566 ; margin-top: 6px; padding-right: 2px ;}
{-page-}
 #JournalComments #add_block2 {background: none !important; }
 #JournalDraft #add_block2 {background: none !important; }
 #JournalFavorite #add_block2 {background: none !important; }
 #JournalAlbum #add_block2 {background: none !important; }
 #JournalCalendar #add_block2 {background: none !important; }
 #JournalLinks #add_block2 {background: none !important; }
 #JournalQuote #add_block2 {background: none !important; }
 #JournalComments #add_block7 {background: none !important; }
 #JournalDraft #add_block7 {background: none !important; }
 #JournalFavorite #add_block7 {background: none !important; }
 #JournalAlbum #add_block7 {background: none !important; }
 #JournalCalendar #add_block7 {background: none !important; }
 #JournalLinks #add_block7 {background: none !important; }
 #JournalQuote #add_block7 {background: none !important; }
 #JournalComments #add_block8 {background: none !important; }
 #JournalDraft #add_block8 {background: none !important; }
 #JournalFavorite #add_block8 {background: none !important; }
 #JournalAlbum #add_block8 {background: none !important; }
 #JournalCalendar #add_block8 {background: none !important; }
 #JournalLinks #add_block8 {background: none !important; }
 #JournalQuote #add_block8 {background: none !important; }
 #JournalComments #extrabottom {background: none !important; }
 #JournalDraft #extrabottom {background: none !important; }
 #JournalFavorite #extrabottom {background: none !important; }
 #JournalAlbum #extrabottom {background: none !important; }
 #JournalCalendar #extrabottom {background: none !important; }
 #JournalLinks #extrabottom {background: none !important; }
 #JournalQuote #extrabottom {background: none !important; }
 {-post-}
 #page-c {background: #; width: 100%; margin: 0px 45px 0px 95px !important;}
 #page-t { background: #; margin: 0px 0px 0px 0px !important; }
 #postsArea, #commentsArea {padding: 0;}
 {--menu--}
 #side {position: absolute; width:100% !important; z-index: 88 !important; top: 0px; }
 #side h1 {position:absolute; margin-top: -4px !important; margin-left: 15px !important; z-index: 40 !important;}
 #side h1 a { color: #8c5f5b !important; font-weight: bold; font-size: 20px;}
 #authorName {margin-top: -5px !important; right: 142px !important; text-align: right !important; padding: 0px !important; position:absolute; color: #8c5f5b !important;}
 #thisDiaryOwner {position: fixed; top: 50px; left: -6px; z-index: 99 !important;}
 #globalLinks {position: fixed; top: 90px; left: -6px;}
 #iAmQuit b {position:fixed !important; margin-top: 25 0px; left: 10px; }
 #post0 .postTitle {display: none !important;}
 #epigraph .postActionLinks {display: none !important;}
 #more_login {display: none !important;}
 #bottomNav, #topNav, #Stats {display: none !important;}
 #bottomNav, #topNav, #thisDiaryPhoto {display: none !important; }
 #YaSearch {display: none !important; }
 #search_selectnewsel, #search_selectbtid, #subscribeEmail {display:none !important;}
 #YaSearchForm input.submit {display: none !important; }
 #YaSearchForm #yaquery {display: none !important; }
 #allDiaryLink, #communityCatalogueLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #rssLink, #upInChart, #diarySpiritLink, #diarySupportLink, #photolibLink, #unsubscribeEmail {display: none !important;}
 #myLinks_title, #pchs_title {display:none !important;}
 #myLinks, #pchs {display:none !important;}
 #thisDiaryLinks {display:none !important;}
 #more_login, #login_form {display:none !important;}
 #commentsArea_title, #myDiaryLinks_title, #myLinksLink, #myProfileLink, #albumLink,#myDraftLink .count_box a {display:none !important;}
 .menuSection a {color: #5c5c5c !important; text-decoration: none !important;}
 .menuSection a:hover, .menuSection a:active {color: #834c46 !important; text-decoration: none !important; text-shadow: none !important;}
 .menuSection {color: #5c5c5c !important;}
 .menuSection li {padding: 0px !important; font-variant: small-caps; font-size: 15px; letter-spacing: 1px !important; font-weight: bold;}
 {--mydiary--}
 #myDiaryLinks {position: fixed; top: 50px; left: -6px;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #myDiaryLinks ul { position:relative; z-index: 55; color: #5c5c5c !important; padding: 0px !important; border: none !important; top: 110px !important; left: -6px; width: 42px; height: 236px; }
 {--md-links--}
 #myDiaryLink a, #writeThisDiary a, #myDraftLink a, #myNotepadLink a, #umailLink a, #myFavLink a, #myQuotLink a, #discussionLink a, #optionsLink a {display:block; width: 89px; height: 35px; overflow: hidden !important; line-height: 160px;}
  .count_box {background: none !important; color: transparent !important; }
 .count_box span {color: #e2dddd !important; background: none !important; }
 #myDraftLink .count_box, #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {background: none !important; overflow: hidden !important; line-height: 0px !important; position: absolute; }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {background: none !important; color: #e2dddd !important; overflow: hidden !important; line-height: 10px !important; font-size: 17px; font-weight: normal; margin-left: 10px; position: relative; left: 57px !important; top: 15px !important; z-index: 97 !important;}
 {--head--}
 .singlePost .postDate { position: relative; left: 5px; z-index: 55; display:block; color: #baaaaa !important; font-size: 14px; text-align: right;}
 .singlePost .postTitle span { color: #73261d !important; font-size: 13px !important; z-index: 55; position: relative; top: -3px !important; }
 .singlePost .header { color:#5c5c5c !important; font-size: 25px; font-weight: bold !important; border-bottom: 1px dashed #834c46; padding-bottom: 0px;}
 {--icon--}
 .order_button {display: none !important; }
  .postActionLinks {position: relative; top: 4px;}
 .TagL{color:#703e39 !important; text-decoration:none; margin-left:2px; font-size: 15px; letter-spacing: 0.8px !important;}
 #cc { color: #703e39 !important; border: 1px solid #703e39; padding: 5px; background: #fff;}
 {--link--}
 .postLinksBackg { font-weight: bold; color: #703e39 !important; text-transform: lowercase; letter-spacing: 1px !important; padding-bottom: 25px !important; border-top: 1px dashed #834c46; padding-top: 5px;}
.postLinksBackg a:hover {color: #445566 !important;}
 .comments_count_link a {background: none !important; padding-left: 0px !important;}
 .prevPostLink a, .nextPostLink a, .prevnext {background: none !important; border: 0px !important; color: #000 !important;}
 {--tags--}
 .atTag, .atTag span, .atTag a, .atMusic, .atMusic span, .atMood, .atMusic em, .atMood em, .atMood span { color: #703e39; font-style: normal !important; font-size: 13px !important; }
 .atTag a:hover, .atTag a:active {color: #703e39; text-decoration: none !important;}
 .atMusic, .atMood, .atTag {-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50); }
 {--text--}
 a:hover, a:active { color: #000 !important; text-decoration: none !important; }
 a {color: #834c46; text-decoration: none !important;}
 span.quote_text { display: block; line-height:1.3; color: #776b69 !important; text-decoration: none !important; font-style: normal !important; border-top: 1px dashed #834c46; padding-top: 5px; border-bottom: 1px dashed #834c46; padding-bottom: 5px;}
 .singleComment, .singlePost {padding: 10px !important; }
 {--av--}
 .sign {max-width:100px !important; width:100px !important; color: #beb4b4; text-align: right; font-size: 10px !important;}
 .sign:hover {max-width:100px !important; width:100px !important; color: #834c46; text-align: right; font-size: 10px !important;}
 .avatar img {width:90px; border: 1px dashed #834c46; padding: 5px; }
 #JournalComments .singlePost .authorName {display: none !important;}
 #JournalComments .singleComment .authorName a {color: #834c46 !important; font-size: 15px !important; font-variant: small-caps; -moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50); background: # no-repeat left center; padding-left: 11px; margin-left: 10px; }
 #JournalComments .singleComment .postTitle {text-align: right; font-size: 14px !important; color: #bebca6 !important; position: relative; top: 28px !important; right: 10px;}
 #JournalComments .singleComment .postActionLinks {position: relative; top: -6px;}
 #JournalComments .singleComment {margin-top: -30px !important;}
 

Comments

[Аметистик]

Оххх, он офигенен *-*

[Сольвейг Солантис]

Аметистик, большое спасибо, сама носила долго

[Аметистик]

Minze;, если соберусь с силами установить, буду носить
но тот, что в Вашем дневнике, еще лучше!

[Береннис]

Шикарно!
Немного неудобно, что пост расползается во всю ширину моего немаленького экрана ноутбука, но я все равно его установлю! Хоть на пару дней, но установлю!

[Сольвейг Солантис]

Ренн, благодарю, могу для вас специально подправить ширину поста)

Аметистик, мне тут дали кнопку автоустановки, так что собираться с силами не нужно - в посте ссылка теперь есть)))
Спасибо еще раз, делаю такой же, но на раздачу)

[Береннис]

Minze;, правда? Было бы просто прекрасно!
Если можно - не более 800-850 пикселей

[Береннис]

Minze;, и еще одна проблемка - у меня оказался слишком длинный для этого дизайна эпиграф, он наползает на первую запись.

[Сольвейг Солантис]

Ренн, сейчас все поправим)

[Береннис]

Minze;, специально проверила еще в парочке браузеров. Дело действительно в дизайне (у меня просто бывало, что браузер глючил, а я грешила на дизайн).
буду ждать)

[Сольвейг Солантис]

Ренн, да-да, это я одну строчку убрать забыла из кода)

[Береннис]

Minze;, бывает, по себе знаю)

[.Suzi.]

прелестно!

Чудный дизайн))) аж снова захотелось оплатить и пользоваться)

[Heliodor]

великолепно

[Сольвейг Солантис]

Спасибо за комментарии, очень приятно

[avotiya2012]

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

[Сольвейг Солантис]

avotiya2012, не за что)

[дождь из пепла]

Minze;, какой клёвый дизайн! всегда такие любила)) взяла поносить, спасибо огромное

Спасибо, очень необычный дизайн и приятный

[Сольвейг Солантис]

Спасибо за похвалы ^^

[Илана Тосс]

Дизайн-восторг, спасибо, прекрасный, взяла поносить ))))

[Juli a.k.a Stoun]

Шикарный дизайн, спасибо!

[Roberta Hendry]

Чудесный дизайн! Взяла себе.

[-ARISU-]

Спасибо)

[Доктор Амбридж]

разрешите поносить

[Ver/o/nika]

Добрый день.
Очень надеюсь, что вы вернетесь к дизайну и пофиксите меню с учетом нововведений дайри...