№ 970

[MysteryLove]

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

Настройки

Настройки:
Дизайн: табличный, меню вверху.
Заголовок - обычный, 16; текст - обычный, 14; шрифт - Trebuchet MS
Цвет: загововок, текст - #242947, ссылки - #363a4f, оффтоп - #9ba0ba

Код:

 html, body {margin: 0 !important; padding: 0 !important; }
 #topNav, #bottomNavLinks, #Stats a+a, .menuSection_title, #thisDiaryPhoto a img, #thisDiaryLinks, #YaSearch, #iAmQuit, .menuSection ul li, .urlLink, #login_change, .order_button, #side h1 .opac6, #epigraph .postActionLinks, #post0 .postTitle, .prevnext, #thisDiaryPhoto {display: none !important; }
 #wrapper {width: 930px !important; min-width: 930px !important; max-width: 930px !important; padding: 10px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #c0c6e0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 10px #e1dbef inset, 0 0 15px #fff; -moz-box-shadow: 0 0 10px #e1dbef inset, 0 0 15px #fff; -webkit-box-shadow: 0 0 10px #e1dbef inset, 0 0 15px #fff; }
 #page-c {border-radius: 0 0 10px 10px; padding: 10px 30px 20px; width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200px; padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180px; height: 180px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
 #side h1 {position: absolute; top: 30px; left: 240px; font-size: 38px; font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160px; top: 50px !important; left: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
 #authorName {position: absolute; top: 40px; left: 190px; }
 #writeToAuthor, #myDiaryLink, #writeThisDiary, #umailLink, #myFavLink, #discussionLink, #myQuotLink, #optionsLink, #addToFav, #delFromFav, #tagslistlink, #postsCalendar, #mainpageLink {display: block !important; position: absolute; }
 #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink {padding: 8px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 70px; height: 60px; top: 145px; font-size: 11px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul {position: static; display: block !important; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a {position: absolute; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 11px; background-color: #cfd2e6; background-repeat: no-repeat; }
 #myDiaryLink {left: 245px; }
 #myDiaryLink a {padding: 40px 2px 5px; background-position: 3px -9px; }
 #umailLink {left: 341px; }
 #umailLink a {padding: 40px 20px 5px; background-position: -55px -9px; }
 #discussionLink {left: 437px; }
 #discussionLink a {padding: 40px 9px 5px; background-position: -114px -9px; }
 #writeThisDiary {left: 533px; }
 #writeThisDiary a {padding: 40px 1px 5px; background-position: -181px -9px; }
 #myFavLink {left: 629px; }
 #myFavLink a {padding: 40px 7px 5px; background-position: -246px -9px; }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5px; background-position: -312px -9px; }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5px; background-position: -375px -9px; }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5px; right: 25px; }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10px; background: #e6eafb; border-radius: 15px; border: 1px #a1a5bc solid; box-shadow: 0 0 2px; }
 #umailLink .count_box a:hover, #myDiaryLink .count_box a:hover, #discussionLink .count_box a:hover {background: #cfd3e7; }
 #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {position: absolute; width: 35px; height: 40px; overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80px; width: 35px; height: 40px; overflow: hidden !important; line-height: 150px; text-transform: lowercase; font-size: 70%; white-space: normal; font-size: 9px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #mainpageLink {left: 865px; }
 #mainpageLink a {background-position: -326px -57px; }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10px; width: 40px; }
 #mainpageLink:hover {width: 40px; }
 #postsCalendar {left: 830px; }
 #postsCalendar a {background-position: -263px -57px; }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10px; }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45px; }
 #postsCalendar:hover {left: 825px; }
 #postsCalendar:hover a {background-position: -258px -57px; }
 #tagslistlink {left: 795px; line-height: 150px; white-space: normal; font-size: 70%; width: 35px; height: 40px; top: 80px; z-index: 11; }
 #tagslistlink a {background-position: -203px -57px; }
 #tagslistlink:hover {line-height: 10px; }
 #TagsList {line-height: 15px; font-size: 12px; }
 #TagsList ul {padding: 8px; border-radius: 5px; position: absolute; width: 160px; right: -10px; top: 40px; padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160px; float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150px; font-size: 14px; text-align: left; }
 #writeToAuthor {left: 760px; z-index: 10; }
 #writeToAuthor a {background-position: -133px -57px; }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10px; }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50px; }
 #writeToAuthor:hover {left: 750px; }
 #writeToAuthor:hover a {background-position: -123px -57px; }
 #addToFav, #delFromFav {left: 725px; }
 #addToFav a {background-position: -14px -59px; }
 #delFromFav a {background-position: -71px -59px; }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10px; }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55px; }
 #addToFav:hover, #delFromFav:hover {left: 715px; }
 #addToFav:hover a {background-position: -4px -59px; }
 #delFromFav:hover a {background-position: -61px -59px; }
 {}
 a, a:hover {text-decoration: none !important; }
 a:hover {color: #9096b2 !important; }
 a {text-shadow: 1px 1px 0px #fff; }
 .paragraph div a {background-color: #d2d6ec; border-radius: 3px; }
 .TagJIco, .TagL {background-color: transparent !important; }
 .TagJIco:hover {background: url("/images/j.gif") no-repeat scroll 0 50% transparent !important; }
 .paragraph div a:hover {background-color: #b5bbdf !important; color: #242947 !important; }
 .postLinksBackg {color: #c2c5d6; }
 .postLinksBackg a {color: #696f97; }
 .menuSection li a, .atTag a:hover {color: #2c304b !important; }
 .postLinksBackg a:hover, #TagsList ul li a:hover {color: #21274c !important; }
 #Stats a:hover {color: #4b5274 !important; }
 .atMusic, .atMood, .atTag, .atTag a, #my_tags input:checked+label {color: #8c90a5; }
 #side h1 a, #authorName {text-shadow: 2px 2px 1px #fff; color: #6c718b; }
 #side h1 a:hover, #authorName:hover {opacity: 0.8; }
 .postDate {position: absolute; font-size: 10px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; margin-top: -20px; margin-left: 45px; opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-left: -10px; color: #fff; border: 1px #fff solid; text-shadow: 1px 1px 0px #19203f; box-shadow: 0 0 2px #fff; font-size: 16px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 .postTitle h2 {padding-left: 5px; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40px; }
 .singleComment .postContent {padding: 0px 10px 0px 5px; }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45px; }
 .singleComment .authorName {padding: 5px 10px 10px; }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-align: center; }
 .postLinks {min-height: 20px; }
 .comments a {background-repeat: no-repeat; background-position: -205px -13px; padding-left: 25px !important; }
 .comments_count_link a {background-image: none !important; padding-left: 0px !important; }
 #pageBar {padding: 10px 0; border-top: 1px solid #a6abcb; font-size: 70%; }
 .pages_str {position: absolute; right: 0px; width: 850px; }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67px; }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30px; }
 #pageBar strong {padding: 5px 10px; border-radius: 15px; }
 #pageBar a {padding: 5px 10px; border: 1px transparent solid; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px #fff solid; }
 #pageBar a:hover {padding: 5px 10px; }
 .group_link {border-top: 1px #a6abcb solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width: 120px; }
 .sign {width: 120px !important; color: #979bad; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14px; font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14px; font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14px; font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3px; opacity: 1; }
 .postActionLinks li {margin-left: 3px !important; opacity: 0.5; }
 .postActionLinks li:hover {opacity: 1; }
 .tonotepadPostLink a img, .upPostLink a img, .delPostLink a img, .editPostLink a img, .fromnotepadPostLink a img {display: none; }
 .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {width: 0; height: 0; background-repeat: no-repeat; }
 .opac6 {padding: 5px 10px 15px !important; background-position: -16px -11px; }
 .tonotepadPostLink a {background-position: -110.6px -16px; padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16px; padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16px; padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16px; padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16px; padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #a0a6cc; opacity: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }
 .quote_text {border: 1px #9fa2b3 solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #d8dbea; padding: 5px; display: block; margin: 10px 0 -5px 0; }
 .paragraph {margin-left: 160px !important; }
 #JournalDraft .paragraph, #Journal .paragraph {margin-left: 0 !important; }
 .menuSection ul li a {opacity: 0.65; }
 .menuSection ul li a:hover {opacity: 1; }
 .postLinksBackg {opacity: 0.5; moz-opacity: 0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
 .postLinksBackg {padding: 0 15px 0 35px; margin-bottom: 20px; }
 .postLinksBackg a {display: none; }
 .singlePost:hover .postLinksBackg, .singleComment:hover .postLinksBackg {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 .singlePost .postLinks {width: 100%; display: block; text-align: left; min-height: 18px; position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18px; position: relative; }
 .comments {position: absolute; right: 0; }
 .singlePost:hover .postLinksBackg a, .singleComment:hover .postLinksBackg a, .comments a {display: inline; }
 #bottomNav {padding: 0; position: absolute; right: 35px; margin-top: 15px; }
 {картинки}
 html, body {background: #fff url('ФОН 1') center top fixed; }
 #wrapper {background: url('ФОН 2'); }
 #page-c, #side {background: url('ФОН 3); }
 #side .bordered, #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink, #addCommentArea_title, #new_post_title, #links_title, .avatar img, .postTitle, .paragraph div a:hover {background: url('ФОН 4'); }
 #TagsList ul, #pageBar a:hover {background: #c6c9dd url('ФОН 4'); }
 .singlePost .postTitle span {background: #969cba url('ФОН 4'); }
 #thisDiaryInfo {background: url('ФОТО ДНЕВНИКА') no-repeat center center; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {background-image: url('МЕНЮ'); }
 .comments a, .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {background-image: url('ЗНАЧКИ'); }

Картинки:
фон 1
фон 2
фон 3
фон 4
фото дневника (если будете заменять картинку на собственную, то лучше если она будет размером 160px*160px)
меню
значки

+ 2 варианта

Настройки:
Дизайн: табличный, меню вверху.
Заголовок - обычный, 16; текст - обычный, 14; шрифт - Trebuchet MS
Цвет: загововок, текст - #221c31, ссылки - #292140, оффтоп - #aea7c2

Код:

html, body {margin: 0 !important; padding: 0 !important; }
 #topNav, #bottomNavLinks, #Stats a+a, .menuSection_title, #thisDiaryPhoto a img, #thisDiaryLinks, #YaSearch, #iAmQuit, .menuSection ul li, .urlLink, #login_change, .order_button, #side h1 .opac6, #epigraph .postActionLinks, #post0 .postTitle, .prevnext, #thisDiaryPhoto {display: none !important; }
 #wrapper {width: 930px !important; min-width: 930px !important; max-width: 930px !important; padding: 10px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #c6c0da; border-radius: 10px; box-shadow: 0 0 10px #e1dbef inset, 0 0 15px #fff; }
 #page-c {border-radius: 0 0 10px 10px; padding: 10px 30px 20px; width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200px; padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180px; height: 180px; border-radius: 10px; }
 #side h1 {position: absolute; top: 30px; left: 240px; font-size: 38px; font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160px; top: 50px !important; left: 50px; border-radius: 10px; }
 #authorName {position: absolute; top: 40px; left: 190px; }
 #writeToAuthor, #myDiaryLink, #writeThisDiary, #umailLink, #myFavLink, #discussionLink, #myQuotLink, #optionsLink, #addToFav, #delFromFav, #tagslistlink, #postsCalendar, #mainpageLink {display: block !important; position: absolute; }
 #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink {padding: 8px !important; border-radius: 5px; width: 70px; height: 60px; top: 145px; font-size: 11px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul {position: static; display: block !important; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a {position: absolute; border-radius: 5px; font-size: 11px; background-color: #d6cfe6; background-repeat: no-repeat; }
 #myDiaryLink {left: 245px; }
 #myDiaryLink a {padding: 40px 2px 5px; background-position: 3px -9px; }
 #umailLink {left: 341px; }
 #umailLink a {padding: 40px 20px 5px; background-position: -55px -9px; }
 #discussionLink {left: 437px; }
 #discussionLink a {padding: 40px 9px 5px; background-position: -114px -9px; }
 #writeThisDiary {left: 533px; }
 #writeThisDiary a {padding: 40px 1px 5px; background-position: -181px -9px; }
 #myFavLink {left: 629px; }
 #myFavLink a {padding: 40px 7px 5px; background-position: -246px -9px; }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5px; background-position: -312px -9px; }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5px; background-position: -375px -9px; }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5px; right: 25px; }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10px; background: #e5e1f0; border-radius: 15px; border: 1px #9e94b9 solid; box-shadow: 0 0 2px; }
 #umailLink .count_box a:hover, #myDiaryLink .count_box a:hover, #discussionLink .count_box a:hover {background: #d5cfe5; }
 #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {position: absolute; width: 35px; height: 40px; overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80px; width: 35px; height: 40px; overflow: hidden !important; line-height: 150px; text-transform: lowercase; font-size: 70%; white-space: normal; font-size: 9px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #mainpageLink {left: 865px; }
 #mainpageLink a {background-position: -326px -57px; }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10px; width: 40px; }
 #mainpageLink:hover {width: 40px; }
 #postsCalendar {left: 830px; }
 #postsCalendar a {background-position: -263px -57px; }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10px; }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45px; }
 #postsCalendar:hover {left: 825px; }
 #postsCalendar:hover a {background-position: -258px -57px; }
 #tagslistlink {left: 795px; line-height: 150px; white-space: normal; font-size: 70%; width: 35px; height: 40px; top: 80px; z-index: 11; }
 #tagslistlink a {background-position: -203px -57px; }
 #tagslistlink:hover {line-height: 10px; }
 #TagsList {line-height: 15px; font-size: 12px; }
 #TagsList ul {padding: 8px; border-radius: 5px; position: absolute; width: 160px; right: -10px; top: 40px; padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160px; float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150px; font-size: 14px; text-align: left; }
 #writeToAuthor {left: 760px; z-index: 10; }
 #writeToAuthor a {background-position: -133px -57px; }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10px; }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50px; }
 #writeToAuthor:hover {left: 750px; }
 #writeToAuthor:hover a {background-position: -123px -57px; }
 #addToFav, #delFromFav {left: 725px; }
 #addToFav a {background-position: -14px -59px; }
 #delFromFav a {background-position: -71px -59px; }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10px; }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55px; }
 #addToFav:hover, #delFromFav:hover {left: 715px; }
 #addToFav:hover a {background-position: -4px -59px; }
 #delFromFav:hover a {background-position: -61px -59px; }
 {}
 a, a:hover {text-decoration: none !important; }
 a:hover {color: #dad3ea !important; }
 a {text-shadow: 1px 1px 0px #fff; }
 .paragraph div a {background-color: #d9d2e8; border-radius: 3px; }
 .TagJIco, .TagL {background-color: transparent !important; }
 .TagJIco:hover {background: url("/images/j.gif") no-repeat scroll 0 50% transparent !important; }
 .paragraph div a:hover {background-color: #d5cee6 !important; color: #382c59 !important; }
 .postLinksBackg {color: #c8c1da; }
 .postLinksBackg a {color: #8a81a1; }
 .menuSection li a, .atTag a:hover {color: #4f446d !important; }
 .postLinksBackg a:hover, #TagsList ul li a:hover {color: #24283f !important; }
 #Stats a:hover {color: #83799e !important; }
 .atMusic, .atMood, .atTag, .atTag a, #my_tags input:checked+label {color: #8c90a5; }
 #side h1 a, #authorName {text-shadow: 2px 2px 1px #fff; color: #766e8c; }
 #side h1 a:hover, #authorName:hover {opacity: 0.8; }
 .postDate {position: absolute; font-size: 10px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; margin-top: -20px; margin-left: 45px; opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10px; border-radius: 15px; margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7px; border-radius: 30px; margin-left: -10px; color: #fff; border: 1px #fff solid; text-shadow: 1px 1px 0px #4a3a58; box-shadow: 0 0 2px #fff; font-size: 16px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 .postTitle h2 {padding-left: 5px; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40px; }
 .singleComment .postContent {padding: 0px 10px 0px 5px; }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45px; }
 .singleComment .authorName {padding: 5px 10px 10px; }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15px; border-radius: 15px; text-align: center; }
 .postLinks {min-height: 20px; }
 .comments a {background-repeat: no-repeat; background-position: -205px -13px; padding-left: 25px !important; }
 .comments_count_link a {background-image: none !important; padding-left: 0px !important; }
 #pageBar {padding: 10px 0; border-top: 1px solid #b5a7c1; font-size: 70%; }
 .pages_str {position: absolute; right: 0px; width: 850px; }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67px; }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30px; }
 #pageBar strong {padding: 5px 10px; border-radius: 15px; }
 #pageBar a {padding: 5px 10px; border: 1px transparent solid; border-radius: 15px; border: 1px #fff solid; }
 #pageBar a:hover {padding: 5px 10px; }
 .group_link {border-top: 1px #b5a7c1 solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5px; border-radius: 5px; max-width: 120px; }
 .sign {width: 120px !important; color: #b0acc6; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14px; font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14px; font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14px; font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3px; opacity: 1; }
 .postActionLinks li {margin-left: 3px !important; opacity: 0.5; }
 .postActionLinks li:hover {opacity: 1; }
 .tonotepadPostLink a img, .upPostLink a img, .delPostLink a img, .editPostLink a img, .fromnotepadPostLink a img {display: none; }
 .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {width: 0; height: 0; background-repeat: no-repeat; }
 .opac6 {padding: 5px 10px 15px !important; background-position: -16px -11px; }
 .tonotepadPostLink a {background-position: -110.6px -16px; padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16px; padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16px; padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16px; padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16px; padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #A8A4BD; opacity: 1; border-radius: 3px; color: #fff; }
 .quote_text {border: 1px #AEA7C2 solid; border-radius: 3px; background-color: #e4e0ee; padding: 5px; display: block; margin: 10px 0 -5px 0; }
 .paragraph {margin-left: 160px !important; }
 #Journal .paragraph {margin-left: 0 !important; }
 .menuSection ul li a {opacity: 0.65; }
 .menuSection ul li a:hover {opacity: 1; }
 .postLinksBackg {opacity: 0.5; moz-opacity: 0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
 .postLinksBackg {padding: 0 15px 0 35px; margin-bottom: 20px; }
 .postLinksBackg a {display: none; }
 .singlePost:hover .postLinksBackg, .singleComment:hover .postLinksBackg {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 .singlePost .postLinks {width: 100%; display: block; text-align: left; min-height: 18px; position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18px; position: relative; }
 .comments {position: absolute; right: 0; }
 .singlePost:hover .postLinksBackg a, .singleComment:hover .postLinksBackg a, .comments a {display: inline; }
 #bottomNav {padding: 0; position: absolute; right: 35px; margin-top: 15px; }
 {картинки}
 html, body {background: #a8a4bd; }
 #wrapper {background: url('ФОН 1'); }
 #page-c, #side {background: url('ФОН 2'); }
 #side .bordered, #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink, #addCommentArea_title, #new_post_title, #links_title, .avatar img, .postTitle, .paragraph div a:hover {background: url('ФОН 3'); }
 #TagsList ul, #pageBar a:hover {background: #cdc5e4 url('ФОН 3'); }
 .singlePost .postTitle span {background: #c3bbd9 url('ФОН 3'); }
 #thisDiaryInfo {background: url('ФОТО ДНЕВНИКА') no-repeat center center; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {background-image: url('МЕНЮ'); }
 .comments a, .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {background-image: url('ЗНАЧКИ'); }
 

Картинки:
фон 1
фон 2
фон 3
фото дневника (если будете заменять картинку на собственную, то лучше если она будет размером 160px*160px)
меню
значки



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

настройки

Настройки:
Дизайн: табличный, меню вверху.
Заголовок - обычный, 16; текст - обычный, 14; шрифт - Trebuchet MS
Цвет: загововок, текст - #013f56, ссылки - #3c6b7d, оффтоп - #999

Код:

html, body {margin: 0 !important; padding: 0 !important; }
 #topNav, #bottomNavLinks, #Stats a+a, .menuSection_title, #thisDiaryPhoto a img, #thisDiaryLinks, #YaSearch, #iAmQuit, .menuSection ul li, .urlLink, #login_change, .order_button, #side h1 .opac6, #epigraph .postActionLinks, #post0 .postTitle, .prevnext, #thisDiaryPhoto {display: none !important; }
 #wrapper {width: 930px !important; min-width: 930px !important; max-width: 930px !important; padding: 10px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #afc9d2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 10px #749da2, 0 0 5px #95b5b9 inset; -moz-box-shadow: 0 0 10px #749da2, 0 0 5px #95b5b9 inset; -webkit-box-shadow: 0 0 10px #749da2, 0 0 5px #95b5b9 inset; }
 #page-c {border-radius: 0 0 10px 10px; padding: 10px 30px 20px; width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200px; padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180px; height: 180px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
 #side h1 {position: absolute; top: 30px; left: 240px; font-size: 38px; font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160px; top: 50px !important; left: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
 #authorName {position: absolute; top: 40px; left: 190px; }
 #writeToAuthor, #myDiaryLink, #writeThisDiary, #umailLink, #myFavLink, #discussionLink, #myQuotLink, #optionsLink, #addToFav, #delFromFav, #tagslistlink, #postsCalendar, #mainpageLink {display: block !important; position: absolute; }
 #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink {padding: 8px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 70px; height: 60px; top: 145px; font-size: 11px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul {position: static; display: block !important; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a {position: absolute; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 11px; background-color: #f2f2f2; background-repeat: no-repeat; }
 #myDiaryLink {left: 245px; }
 #myDiaryLink a {padding: 40px 2px 5px; background-position: 3px -9px; }
 #umailLink {left: 341px; }
 #umailLink a {padding: 40px 20px 5px; background-position: -55px -9px; }
 #discussionLink {left: 437px; }
 #discussionLink a {padding: 40px 9px 5px; background-position: -114px -9px; }
 #writeThisDiary {left: 533px; }
 #writeThisDiary a {padding: 40px 1px 5px; background-position: -181px -9px; }
 #myFavLink {left: 629px; }
 #myFavLink a {padding: 40px 7px 5px; background-position: -246px -9px; }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5px; background-position: -312px -9px; }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5px; background-position: -375px -9px; }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5px; right: 25px; }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10px; background: #deebed; border-radius: 15px; border: 1px #7aa0a5 solid; box-shadow: 0 0 2px; }
 #umailLink .count_box a:hover, #myDiaryLink .count_box a:hover, #discussionLink .count_box a:hover {background: #a0c0c4; }
 #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {position: absolute; width: 35px; height: 40px; overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80px; width: 35px; height: 40px; overflow: hidden !important; line-height: 150px; text-transform: lowercase; font-size: 70%; white-space: normal; font-size: 9px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 #mainpageLink {left: 865px; }
 #mainpageLink a {background-position: -326px -57px; }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10px; width: 40px; }
 #mainpageLink:hover {width: 40px; }
 #postsCalendar {left: 830px; }
 #postsCalendar a {background-position: -263px -57px; }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10px; }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45px; }
 #postsCalendar:hover {left: 825px; }
 #postsCalendar:hover a {background-position: -258px -57px; }
 #tagslistlink {left: 795px; line-height: 150px; white-space: normal; font-size: 70%; width: 35px; height: 40px; top: 80px; z-index: 11; }
 #tagslistlink a {background-position: -203px -57px; }
 #tagslistlink:hover {line-height: 10px; }
 #TagsList {line-height: 15px; font-size: 12px; }
 #TagsList ul {padding: 8px; border-radius: 5px; position: absolute; width: 160px; right: -10px; top: 40px; padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160px; float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150px; font-size: 14px; text-align: left; }
 #writeToAuthor {left: 760px; z-index: 10; }
 #writeToAuthor a {background-position: -133px -57px; }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10px; }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50px; }
 #writeToAuthor:hover {left: 750px; }
 #writeToAuthor:hover a {background-position: -123px -57px; }
 #addToFav, #delFromFav {left: 725px; }
 #addToFav a {background-position: -14px -59px; }
 #delFromFav a {background-position: -71px -59px; }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10px; }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55px; }
 #addToFav:hover, #delFromFav:hover {left: 715px; }
 #addToFav:hover a {background-position: -4px -59px; }
 #delFromFav:hover a {background-position: -61px -59px; }
 {}
 a, a:hover {text-decoration: none !important; }
 a:hover {color: #99babe !important; }
 a {text-shadow: 1px 1px 0px #fff; }
 .paragraph div a {background-color: #d6e1e5; border-radius: 3px; }
 .TagJIco, .TagL {background-color: transparent !important; }
 .TagJIco:hover {background: url("/images/j.gif") no-repeat scroll 0 50% transparent !important; }
 .paragraph div a:hover {background-color: #a9c7cb !important; color: #0f3949 !important; }
 .postLinksBackg {color: #c8dddf; }
 .postLinksBackg a {color: #7b8e90; }
 .menuSection li a, .atTag a:hover {color: #305360 !important; }
 .postLinksBackg a:hover, #TagsList ul li a:hover {color: #173336 !important; }
 #Stats a:hover {color: #688792 !important; }
 .atMusic, .atMood, .atTag, .atTag a, #my_tags input:checked+label {color: #9fb5b8; }
 #side h1 a, #authorName {text-shadow: 2px 2px 1px #cde0e2; color: #678e9c; }
 #side h1 a:hover, #authorName:hover {opacity: 0.8; }
 .postDate {position: absolute; font-size: 10px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; margin-top: -20px; margin-left: 45px; opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-left: -10px; color: #fff; border: 1px #fff solid; text-shadow: 1px 1px 0px #324649; box-shadow: 0 0 2px #fff; font-size: 16px !important; font-family: trebuchet ms, geneva, arial !important; font-style: normal !important; }
 .postTitle h2 {padding-left: 5px; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40px; }
 .singleComment .postContent {padding: 0px 10px 0px 5px; }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45px; }
 .singleComment .authorName {padding: 5px 10px 10px; }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-align: center; }
 .postLinks {min-height: 20px; }
 .comments a {background-repeat: no-repeat; background-position: -205px -13px; padding-left: 25px !important; }
 .comments_count_link a {background-image: none !important; padding-left: 0px !important; }
 #pageBar {padding: 10px 0; border-top: 1px solid #76999d; font-size: 70%; }
 .pages_str {position: absolute; right: 0px; width: 850px; }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67px; }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30px; }
 #pageBar strong {padding: 5px 10px; border-radius: 15px; }
 #pageBar a {padding: 5px 10px; border: 1px transparent solid; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px #e3eef3 solid; }
 #pageBar a:hover {padding: 5px 10px; }
 .group_link {border-top: 1px #76999d solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width: 120px; }
 .sign {width: 120px !important; color: #aec1c3; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14px; font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14px; font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14px; font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3px; opacity: 1; }
 .postActionLinks li {margin-left: 3px !important; opacity: 0.5; }
 .postActionLinks li:hover {opacity: 1; }
 .tonotepadPostLink a img, .upPostLink a img, .delPostLink a img, .editPostLink a img, .fromnotepadPostLink a img {display: none; }
 .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {width: 0; height: 0; background-repeat: no-repeat; }
 .opac6 {padding: 5px 10px 15px !important; background-position: -16px -11px; }
 .tonotepadPostLink a {background-position: -110.6px -16px; padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16px; padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16px; padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16px; padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16px; padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #9ac0c4; opacity: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }
 .quote_text {border: 1px #719a9f solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #e7eff0; padding: 5px; display: block; margin: 10px 0 -5px 0; }
 .paragraph {margin-left: 160px !important; }
 #Journal .paragraph {margin-left: 0 !important; }
 .menuSection ul li a {opacity: 0.65; }
 .menuSection ul li a:hover {opacity: 1; }
 .postLinksBackg {opacity: 0.5; moz-opacity: 0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
 .postLinksBackg {padding: 0 15px 0 35px; margin-bottom: 20px; }
 .postLinksBackg a {display: none; }
 .singlePost:hover .postLinksBackg, .singleComment:hover .postLinksBackg {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 .singlePost .postLinks {width: 100%; display: block; text-align: left; min-height: 18px; position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18px; position: relative; }
 .comments {position: absolute; right: 0; }
 .singlePost:hover .postLinksBackg a, .singleComment:hover .postLinksBackg a, .comments a {display: inline; }
 #bottomNav {padding: 0; position: absolute; right: 35px; margin-top: 15px; }
 {картинки}
 html, body {background: #fff url('ФОН 1) center top fixed; }
 #wrapper {background: url('/ФОН 2'); }
 #page-c, #side {background: url('ФОН 3'); }
 #side .bordered, #myDiaryLink, #umailLink, #discussionLink, #writeThisDiary, #myFavLink, #myQuotLink, #optionsLink, #addCommentArea_title, #new_post_title, #links_title, .avatar img, .postTitle, .paragraph div a:hover {background: url('ФОН 1'); }
 #TagsList ul, #pageBar a:hover {background: #dae9eb url('ФОН 1'); }
 .singlePost .postTitle span {background: #b1ccd6 url('ФОН 1'); }
 #thisDiaryInfo {background: url('ФОТО ДНЕВНИКА') no-repeat center center; }
 #myDiaryLink a, #umailLink a, #discussionLink a, #writeThisDiary a, #myFavLink a, #myQuotLink a, #optionsLink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #tagslistlink a, #postsCalendar a {background-image: url('МЕНЮ'); }
 .comments a, .tonotepadPostLink a, .upPostLink a, .delPostLink a, .editPostLink a, .fromnotepadPostLink a, .opac6 {background-image: url('ЗНАЧКИ'); } 

Картинки:
фон 1
фон 2
фон 3
фото дневника (если будете заменять картинку на собственную, то лучше если она будет размером 160px*160px)
меню
значки

Comments

очень здорово, взяла поносить
вопрос: а можно ли менять фон, поставив при этом кредит на оригинальный дизайн?

[MysteryLove]

AutumnButterfly, Nightly fox, Keymera, Madam Cruel, Olwen. спасибо за отзывы)))

Olwen. можно)))

MysteryLove

[MysteryLove]

Olwen.

[вэл..]

о, я пропустила, какой красиивый!

[Тилли.]

Очень красиво!
Я пока что со старым, но этот в цитатник утащила.

[Sistema Solare]

MysteryLove
Очень красиво. Можно утащить?

[MysteryLove]

Вэл., Тилли. спасибо)))
Sistema Solare можно взять ^^

[Sistema Solare]

MysteryLove
Спасибо

[MysteryLove]

Sistema Solare
На сообществе специально выложено, чтобы, если понравится, можно было взять)))

[.Рюсь]

красивые дизайны (*__*)
я второй утащил, но только я,наверное, накосячила где-то, у меня текст видно только тот,который оффтопом (о.о)

[MysteryLove]

ryu-i проверьте, прописан ли цвет текста в настройках)

[.Рюсь]

MysteryLove ой,спасибо х)
я просто забыл цвет самих записей прописать (>_<

[MysteryLove]

ryu-i бывает)

[Том Реддл]

эх, красивые, взял бы поносить, но у меня совершенно не видно 2 белых фона, поэтому скопировать я их не могу(

[MysteryLove]

Aoyagi Ritsuka

но у меня совершенно не видно 2 белых фона, поэтому скопировать я их не могу(

Попробуйте их сохранить через контекстное меню самих ссылок на фоны)

[Том Реддл]

MysteryLove а можно поподробнее? как это?)

[MysteryLove]

Aoyagi Ritsuka нажимаете на ссылки на фоны правой кнопкой мыши, появляется контекстное меню, в нем должен быть пункт сохранить объект, сохраняете)

[Том Реддл]

MysteryLove все, спасибо))

[Dreamer <3]

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

[Julia Angels]

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

[Чертёнок_]

Какая красота! Возьму первый и третий

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

[Лизавета Пандовна]

удобно-стильно-красиво. воспользуюсь первым

[Nyna]

Беру **
только пока решаю какой из трех))

а у меня проблема.
Я установила все как надо вроде бы. Ссылки есть в коде. Но в дизайне не отображаются аватар и значки с меню.
Можете помочь? это первый css дизайн который устанавливаю(

[MysteryLove]

Dreamer <3, Julia Angel, Чертёнок_, la novocaina, [НаноЛось], Nyna спасибо за отзывы)))

Nuna Velvet
В строке #page-c, #side {background: url('/userdir/2/7/1/2/2712394/70791903.png); } после ссылки не хватает верхней запятой:
#page-c, #side {background: url('/userdir/2/7/1/2/2712394/70791903.png'); }

[captain alinchus]

а можно один фон у вас для дневника потащить?

[MysteryLove]

Sky_is_over стащите)

MysteryLove Благодарю ^^
ваш дизайн просто очарование **