№ 813 Простое непростое

[MysteryLove]

Страница комментариев

Настройки

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

настройки

Настройки:
Дизайн: табличный, меню справа.
Заголовок - обычный, 15; текст - обычный, 14; шрифт - Arial
Цвет: загововок - #323232, ссылки - #000, текст - #616161, оффтоп - #A2A2A2

Код:

 html, body {padding: 0 !important; margin: 0 !important; background: #F0F0F0 repeat fixed top center; }
 #topNav, #bottomNav, .urlLink, .umail, .order_button, #JournalDraft .commentAuthor, #thisDiaryLinks, #photolibLink, .atTag span, .atMood span, .atMusic span, #YaSearch, #Journal .commentAuthor {display: none !important; }
 #wrapper {margin-top: 20px; margin-bottom: 20px; width: 90% !important; max-width: 90% !important; min-width: 600px !important; }
 #page-c {margin-right: -210px !important; }
 #page-t {margin: 20px 210px 20px 140px !important; padding-top: 1px; }
 #Journal #page-t {margin: 20px 210px 20px 55px !important; }
 #Journal #postsArea {margin-left: 0; }
 #JournalCalendar #page-t, #JournalLinks #page-t, #JournalDraft #page-t, #JournalAlbum #page-t {margin-left: 55px !important; }
 #side {width: 210px !important; text-align: center; padding-top: 20px; }
 #side ul {margin: 0 20px; border-top: 1px solid #323232; }
 #side ul li {margin-top: 4px; margin-left: 10px; margin-right: 10px; border-top: transparent solid 1px; border-bottom: transparent solid 1px; }
 #side ul li:hover {border-top: #F0F0F0 solid 1px; border-bottom: #F0F0F0 solid 1px; }
 #side h1 a {font-size: 20px; }
 #side a {color: #F0F0F0 !important; }
 a, a:hover {text-decoration: none !important; }
 a:hover {color: #fff; }
 .paragraph a {border-bottom: 1px transparent solid; }
 .paragraph a:hover {color: #111; border-bottom: 1px #323232 solid; }
 #side a:hover {color: #242424 !important; }
 .postTitle {margin-left: 10px; margin-right: 10px; padding: 5px 50px 0px 5px; font-size: 27px; border-bottom: #323232 solid 1px; }
 .postTitle span {color: #F0F0F0; border-top: #F0F0F0 solid 1px; border-bottom: #F0F0F0 solid 1px; padding: 2px 0; margin-left: -63px; font-size: 17px; font-weight: bold; }
 .postTitle h2 {margin-left: 10px; margin-right: 30px; }
 .singleComment .postTitle span {font-size: 14px; }
 .singleComment .postTitle span {margin-left: -148px; }
 .postActionLinks {position: absolute; right: -20px; width: 15px; top: 40px; }
 .postActionLinks li {margin-left: 0 !important; }
 #JournalLinks .postActionLinks {position: relative; right: 0; top: 0; width: auto; }
 #JournalLinks .postActionLinks li {margin-left: 3px !important; }
 .postDate {position: absolute; right: 10px; top: -10px; font-size: 11px !important; border-bottom: 1px solid #323232; padding: 5px 0 0 0; }
 .singlePost .postContent {margin: 10px 20px 20px; }
 .singleComment .postContent {margin: 20px; }
 #Journal .postContent {margin: 20px; }
 .singlePost, .singleComment {position: relative; margin-top: 20px; }
 .countFirst, .countSecond {min-height: 100px; }
 .postLinksBackg {position: absolute; top: 0px; left: 0; right: 0; }
 .comments {position: absolute; left: 0; right: 0; width: 100%; }
 .comments a {position: absolute; top: 8px; left: -140px; background-repeat: no-repeat; width: 30px; height: 30px; z-index: 10; font-size: 25px; font-weight: bold; overflow: hidden; letter-spacing: 30px; padding: 0px 5px 0px 7px; color: #f0f0f0; }
 #Journal .comments a {top: 45px; left: -52px; width: 40px; }
 .comments a:hover {overflow: visible; letter-spacing: normal; font-weight: normal; width: auto; }
 #Journal .comments a:hover {width: auto; }
 .comments_count_link {position: absolute; right: 20px; top: 37px; font-size: 17px; color: #f0f0f0; }
 .comments_count_link a {position: relative; right: 0; top: 0px !important; left: 0 !important; background-image: none !important; font-size: 17px; font-weight: bold; letter-spacing: normal; padding: 0; color: #616161; }
 .comments_count_link a:hover {background-image: none !important; font-weight: bold; color: #242424; }
 .subscribe, .unsubscribe {position: absolute; left: -100px; top: 12px; }
 #Journal .subscribe, #Journal .unsubscribe {position: absolute; left: -52px; top: 85px; }
 .subscribe a, .unsubscribe a {position: absolute; background-repeat: no-repeat; width: 40px; height: 30px; font-size: 25px; font-weight: bold; overflow: hidden; letter-spacing: 30px; padding: 0 5px 0 6px; color: #f0f0f0; }
 .subscribe a:hover, .unsubscribe a:hover {overflow: visible; letter-spacing: normal; font-weight: normal; width: auto; }
 .addToQuote, .delFromQuote {position: absolute; top: 20px; right: 25px; }
 .quote_post {position: absolute; top: 20px; right: 45px; }
 .singleComment .quote_comment {position: absolute; top: 20px; right: 25px; }
 .profile {position: absolute; top: 20px; right: 65px; }
 .singleComment .profile {right: 45px; }
 .diary {position: absolute; top: 20px; right: 85px; }
 .singleComment .diary {right: 65px; }
 .addToQuote a, .delFromQuote a, .quote_post a, .quote_comment a, .profile a, .diary a, .draft_prview_link, .draft_publish_link {position: absolute; background-repeat: no-repeat; width: 15px; height: 15px; overflow: hidden; color: #616161; font-size: 13px; font-weight: bold; letter-spacing: 10px; overflow: hidden; padding-left: 3px; }
 .delFromQuote a {padding-left: 4px; }
 .draft_prview_link {top: 20px; right: 25px; }
 .draft_publish_link {top: 20px; right: 5px; }
 .prevnext {left: -130px; top: 10px; position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; padding: 0; }
 .prevPostLink, .nextPostLink, .prevPostLink a, .nextPostLink a {width: 30px !important; height: 15px !important; font-size: 5px !important; color: transparent; padding: 0 !important; overflow: hidden; }
 .prevPostLink a {padding-top: 3px !important; }
 .nextPostLink a {padding-bottom: 3px !important; }
 .prevPostLink a span {color: #F0F0F0; font-size: 15px; padding-left: 7px; }
 .nextPostLink a span {color: #F0F0F0; font-size: 15px; margin-left: -22px; margin-top: -10px; position: absolute; }
 .authorName, .communityName {margin-left: 5px; margin-right: 60px; }
 .singleComment .authorName {margin-top: -25px; }
 .commentAuthor {margin-left: -160px; text-align: center; width: 140px; margin-top: -25px; }
 .singleComment .commentAuthor {margin-top: -10px; }
 .commentAuthor div {margin: 0 auto 10px; }
 .paragraph {margin-left: 0; }
 .sign {color: #DCDCDC; }
 .othercommposts {float: left; }
 .calHeader, #commentsArea_title, #addCommentArea_title, #new_post_title {font-weight: bold; border-top: 1px #323232 solid; border-bottom: 1px #323232 solid; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .atTag:before {content: "@tags:"; font-size: 12px; font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 12px; font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 12px; font-style: italic; }
 .linkssection {min-height: 10px; margin-left: 20px; }
 .group_link {border-top: 1px solid #323232; border-bottom: 1px solid #323232; text-align: left; }
 #TagsList ul, #TagsList ul li {margin: 0; }
 #TagsList {color: #242424; }
 #post0 {margin-top: 0; }
 #post0 .postTitle {border: none; }
 .avatar {width: 130px !important; max-width: 136px !important; }
 .avatar img, #thisDiaryPhoto img {border: 3px solid #f0f0f0; }
 .postActionLinks li, .postLinksBackg a, .prevnext {opacity: 0.3; moz-opacity: 0.3; filter: alpha(opacity=30); -khtml-opacity: 0.3; }
 .avatar, #thisDiaryPhoto a, .opac6 {opacity: 0.5; }
 .postLinksBackg a:hover, .postActionLinks li:hover, .prevnext:hover, .commentAuthor:hover .avatar, #thisDiaryPhoto a:hover, .opac6:hover {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 #cc {border: 1px solid #323232; }
 .quote_text {display: inline-block; margin: 5px 0; background: #f0f0f0; padding: 3px; border-top: 1px solid #323232; border-bottom: 1px solid #323232; }
 {}
 html, body {background-image: url('ФОН'); }
 #wrapper {background: url('КАРТИНКА 1'); }
 #page-t {background: url('КАРТИНКА 2'); }
 .comments a, .subscribe a, .unsubscribe a, .prevnext {background-image: url('КАРТИНКА 3'); }
 .comments a:hover, .subscribe a:hover, .unsubscribe a:hover {background-image: url('КАРТИНКА 4'); }
 .addToQuote a, .delFromQuote a, .quote_post a, .quote_comment a, .profile a, .diary a, .draft_prview_link, .draft_publish_link {background-image: url('КАРТИНКА 5'); }

Картинки:
фон
картинка 1
картинка 2
картинка 3
картинка 4
картинка 5

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

Comments

это очень красиво

[.candy mummy]

очень классно!

[Li-sa]

Восхитительный дизайн! С удовольствием бы потом поносила)

[навсегда твоя]

прошу прощения, не удержалась и взяла... этот дизайн пришелся по душе больше всех остальных, раннее устанавливаемых... спасибо большущее...

[Вэл.]

Прекрасный серый! в коллекцию! очень необычные кнопочки, и еще много всяких интересных штучек, спасибо!

Замечательно ) Я взял )

[MysteryLove]

Notti Blask, Olia M., Li-sa, навсегда твоя, Вэл., cornelia~heil
Очень рада, что нравится

[Том Реддл]

Какая прелесть!!! Было бы вообще замечательно, если бы он был более льдистый (нежно голубого, синего цветов))
Супер))

[engrossed]

Вы специально такой шрифт установили? общая картинка напоминает хрупкий лед, немного инея на нем, очень красиво)

[Menedemos]

MysteryLove Очаровательный дизайн!)) К сожалению, у меня дневник бесплатный, так что взяла только фон(

[Curiosity-san]

Он восхитителен... аж дух захватывает.

[MysteryLove]

Aoyagi Ritsuka, тощая., Menedemos, Curiosite спасибо
Aoyagi Ritsuka

если бы он был более льдистый (нежно голубого, синего цветов)

В принципе можно сделать изменения, например, изменить фон или цвет ссылок))) Только, если изменения значительные, желательно уведомить меня)
тощая.

Вы специально такой шрифт установили?

Ну подумалось, что подойдет) Можно и изменить его, но возможно что-то придется менять в самом коде.

[engrossed]

не-не, шфирт кк надо - есть настроение хрупкого инея)

[Rondin]

Очень милый дизайн - красивый, но ничего лишнего)

[Sonnenchen]

взяла. спасибо.

[MysteryLove]

тощая.
Madam Cruel, Sonnenchen рада, что нравится)))

[AsianWorld]

PaRaDiS
очень красиво, а главное растягивается по экрану - то, чего мне не хватает в большинстве css-шных дизайнах...
Решила поносить - Спасибо!

Взяла, ибо он шикарен

[MysteryLove]

AsianWorld, Nine Tails спасибо)))
Nine Tails время записи заходит на саму запись и комменты - из-за того, что изначально код написан под шрифт Arial.

Ах вот оно что! Значит это я дурак, не заметил рекомендацию насчет шрифта. Простите пожалуйста. Я совершенно влюблен в ваш диз.

[MysteryLove]

Nine Tails
Если что можно сделать, чтобы только время записи было необходимым шрифтом - добавив строку в код:
.postTitle span {font-family: arial !important; }

PaRaDiS О, даже так? Попробую, спасибо))

[MysteryLove]

Nine Tails ага, даже так

[Jekara]

PaRaDiS Весьма премил, я поношу, с вашего позволения

[MysteryLove]

Helen Rosenrot

[MorriGun]

Носить, спасибо огромное!

[Marck Rozenkroyts]

Прелестный дизайн!) Взял поносить))

утащила носить))))

[Arne]

а у меня не работает..
в ту секунду, как вношу весь код и нажимаю кнопку сохранить, остается только серенький фон и шрифты =(

[MysteryLove]

Arne проверьте, правильно ли вы вставляете адрес картинки, он должен быть такого вида: ('/userdir/1/4/4/1/1441671/63245978.jpg')