№ 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

[Rui~]

MysteryLove, проблема с загрузкой второй картинки, не могли бы дать другую ссылку? )

[MysteryLove]

Rui~ картинка 2, но она уже вроде появилась)

[Rui~]

MysteryLove, спасибо большое ^^

[Neporochnay]

потрясающий дизайн, спасибо _

[Yharnam]

Дизайн офигенный *___*
Спасибо!

Одна маленькая проблема
Когда ввела код, отредактировала (и проверила) все ссылки и попробовала сохранить - на выходе получилось вот такое:

Цвет строк меню меняется,когда навожу курсор.
Что тут делать? Помогите, пожалуйста.

[MysteryLove]

VardaElbereth, проверьте настройки, все значения раздела "цвет фона и границ" должны быть пустыми.

[Yharnam]

LostMystery,
да, спасибо! теперь всё в порядке

[Rin_no_kao]

Здравствуйте, я решительно не могу дотукаться, куда вставлять ссылки на картинки?

[MysteryLove]

Rin_no_kao, прочитайте FAQ

[-ARISU-]

Спасибо)