№ 987. Кожаный дневник

[andre_art]

Календарик в экстратопе никакой практической ценности не несет. Сложных наворотов в структуре или скрытых сюрпризов тоже не стоит ждать. Все легко и просто: только вы и ваш кожаный дневник с пятнами кофе и страницами, потертыми от времени.
При использовании ставим баннер сообщества.

настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

настройки

дизайн табличный, навигационная панель слева.
цвет заголовка - #2a1811
цвет записи - #4b2917
цвет ссылки- #532b1a
картинки: фон, экстратоп, экстработтом, фон текста, разделитель.

 body {margin:0; padding:0; background:url('ФОН') no-repeat;background-attachment: fixed;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('ФОН ТЕКСТА') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('ЭКСТРАТОП') no-repeat bottom; height: 240px; width: 900px; margin-top:0px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900px; height: 32px;line-height: 100% !important; margin-top: -10px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('РАЗДЕЛИТЕЛЬ') no-repeat bottom center; }
 {-------------меню------------}
 #side {position: relative; top: -210px !important; left: 20px !important;}
 #side {font-family:Calibri, sans-serif; font-size:14px !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style-image: # !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #ae9879; padding: 0px 0 4px 0px !important; list-style: none !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 14px Calibri, sans-serif; color: #58392b; }
 #thisDiaryPhoto img { padding: 5px; background: #ae9879; -moz-border-radius: 3px; border-radius: 3px; width: 100px; height: 100px; }
 .menuSection{font: bold 14px Calibri, sans-serif !important; color: #8a6d47!important; text-align:center; letter-spacing: -1px;}
 #side h1 {font: bold 15px Calibri, sans-serif !important; color: #213142 !important; }
 {------------запись----------}
 #post0 { width:650px; margin: -20px 0px 0px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: center; font: bold 14px Calibri, sans-serif !important; text-transform: lowercase; color:#402416 !important;}
 .postDate {dashed #8c502f; text-align: center;}
 .singlePost {font:14px Calibri !important; }
 .postLinksBackg { text-align: center; margin: 0 !important; text-transform: lowercase; dashed #8c502f; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Calibri, sans-serif !important;}
 .postLinks {margin: 0 0 0 10px !important; }
 .postLinks a, .authorName a {color: #8c502f;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #8c502f; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 a:hover{cursor: pointer;}
 .header{ font: bold 14px Calibri, sans-serif !important; text-transform: lowercase; text-align: center;}
 #TagsList{ olid #baafaf;padding: 3px 0 0 0 !important; width: 180px !important; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#8c502f;font-weight:bold; text-transform:lowercase; }
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em{font-style:normal; font-size: 14px; color:#23568b;}
 .atTag a{text-decoration: none; color:#ae9879!important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#213142 !important }
 .comments_count_link a{ font-weight:bold; font-family: Calibri, sans-serif !important;font-size: 10px; }
 .pageBar { font-weight:bold; font-family: Calibri, sans-serif !important;}
 .header span { float:left; font: 14px Calibri, sans-serif !important; color: #353535 !important; margin: 15px 0px 0px 10px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink {display:none}
 #rssLink {display:none}
 #allDiaryLink {display:none}
 #randomDiaryLink {display:none}
 #paySupportLink {display:none}
 #upInChart {display:none}
 #myQuotLink {display:none}
 #favListLink {display:none}
 #faqLink {display:none}
 #YaSearch {display:none}
 #authorAlbum {display:none}
 #JournalAlbum {display:none}
 #pchListLink {display:none}
 #photolibLink {display:none}
 .order_button {display:none}
 #topNav {display:none}
 #albumLink {display:none}
 #myProfileLink {display:none}
 #communityCatalogueLink {display:none}
 #diarySpiritLink {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:100px; height:100px;-moz-box-shadow: 0px 0px 3px #ae9879; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #ae9879; box-shadow: 0px 0px 3px #ae9879; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:70px; height:70px; -moz-box-shadow: 0px 0px 3px #ae9879; -webkit-box-shadow: 0px 0px 3px #ae9879; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #ae9879; }
 #JournalCalendar #content a{color:#ae9879;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#ae9879!important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:14px !important}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Calibri, sans-serif !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #topNav {display:none}

Comments

[Титановые голосовые связки Донны Ноубл]

Очень тёплый и уютный дизайн. Утащу себе в цитатник, с Вашего позволения)

[Sinnet]

возьму поносить))спасибо!

[Domminica MacDeverson]

з.ы. в цитатник.

[Kahel]

просто, но очень удобно)) Утащу к себе))

З.ы. а вот если б еще и календарик сделать актуальным...

[Анджи Дегаспера]

Сохраню на будущее, спасибо *_* Очень приятный для глаз **

[Пятый персонаж]

прелесть же

[andre_art]

всем спасибо, носите с радостью)
Kahel

а вот если б еще и календарик сделать актуальным...

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

[Rikki Tikki]

Очень клевый! Тоже утащу в цитатник)

[Пятый персонаж]

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

[Гегемон]

Красиво. Просто, но со вкусом.

[кин.]

в простоте и фишка.

[andre_art]

My_september
спасибо))

Асик Тэ
название дневника и ник и будут с заглавной буквы) то бишь ваши настройки по умолчанию в этом случае сохранятся, просто у меня на примере ник и название прописаны строчными буквами.
а аватар, простите, сделан был для себя и вдобавок для другого дизайна)

[домоугробёнок]

беру поносить)

[Пятый персонаж]

andre_art, зайдите, пожалуйста ко мне, у меня Ваш дизайн выглядит не совсем так, как должен(

[andre_art]

Гегемон
Kin.
домоугробёнок
благодарю)

Асик Тэ
ааа, простите, кажется, это мой глюк)
поставьте в настройках вот это? мне упорно казалось, что я прописывала цвета в коде, но, видимо, нет)

цвет заголовка - #2a1811
цвет записи - #4b2917
цвет записи - #532b1a

[Пятый персонаж]

andre_art

цвет записи - #4b2917
цвет записи - #532b1a

что из этого верно?

[Пятый персонаж]

второе, я думаю, это ссылки?

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

[andre_art]

Асик Тэ
ссылки, да

[S.Shinsei]

просто, удобно, красиво)))) спасибо)))

[igrushka13]

Замечательный дизайн. Простой, но уютный. Очень хочется носить

[Пятый персонаж]

andre_art, спасибо Вам)

[andre_art]

Асик Тэ
так, код просмотрела, нужно убрать выделенное жирным:
в блоке меню
#side {font-family:Calibri, sans-serif; font-size:14px !important; text-transform: lowercase;}

S.Shinsei
igrushka13
очень приятно слышать)

[Королева Мечей]

Ой, как красиво!!! Утащу))

[Пятый персонаж]

andre_art, спасибо-спасибо-спасибо! Вы - чудо

[Пятый персонаж]

andre_art, не хотелось бы вас еще тревожить, но ссылка «темы записей» при нажатии выглядит не очень адекватно

[andre_art]

Асик Тэ
что вы, какая тревога)) каюсь, я пока еще лучше ориентируюсь в html, чем в css, поэтому за обнаружение багов только спасибо скажу)
находим в блоке "записи" эту строчку:
#TagsList{ olid #baafaf;padding: 3px 0 0 0 !important; width: 650px !important; }
и меняем значение 650 на 180. вроде должно сработать Оо

[Пятый персонаж]

andre_art, сработало) спасибо!

[kosernok]

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

[La_mignonne]

очень уютный) мне вариант в твоем дневе нравится тоже)

[dead_mockingbird]

andre_art body {margin:0; padding:0; background:url('ФОН') no-repeat;background-attachment: fixed;min-width:1280px;width:100%;}
из-за того, что фон идет за счет уникальной картинки на более широких мониторах справа - пустота белая. нужно использовать бесшовник, плюс и фон будет весить гораздо меньше.
а из-за минимальной ширины такой на маленьких мониторах появляется горизонтальный скролл.