№ 970

[dizain-by-shokolad]

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

Настройки

Настройки:
Дизайн: табличный, меню вверху.
Заголовок - обычный, 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: 10 margin-top: 20 margin-bottom: 40 border: 1px solid #c0c6e0; border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 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 10 padding: 10px 30px 20 width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200 padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180 height: 180 border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 }
 #side h1 {position: absolute; top: 30 left: 240 font-size: 38 font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160 top: 50px !important; left: 50 border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 }
 #authorName {position: absolute; top: 40 left: 190 }
 #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: 5 -moz-border-radius: 5 -webkit-border-radius: 5 width: 70 height: 60 top: 145 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: 5 -moz-border-radius: 5 -webkit-border-radius: 5 font-size: 11 background-color: #cfd2e6; background-repeat: no-repeat; }
 #myDiaryLink {left: 245 }
 #myDiaryLink a {padding: 40px 2px 5 background-position: 3px -9 }
 #umailLink {left: 341 }
 #umailLink a {padding: 40px 20px 5 background-position: -55px -9 }
 #discussionLink {left: 437 }
 #discussionLink a {padding: 40px 9px 5 background-position: -114px -9 }
 #writeThisDiary {left: 533 }
 #writeThisDiary a {padding: 40px 1px 5 background-position: -181px -9 }
 #myFavLink {left: 629 }
 #myFavLink a {padding: 40px 7px 5 background-position: -246px -9 }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5 background-position: -312px -9 }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5 background-position: -375px -9 }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5 right: 25 }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10 background: #e6eafb; border-radius: 15 border: 1px #a1a5bc solid; box-shadow: 0 0 2 }
 #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: 35 height: 40 overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80 width: 35 height: 40 overflow: hidden !important; line-height: 150 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: 865 }
 #mainpageLink a {background-position: -326px -57 }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10 width: 40 }
 #mainpageLink:hover {width: 40 }
 #postsCalendar {left: 830 }
 #postsCalendar a {background-position: -263px -57 }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10 }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45 }
 #postsCalendar:hover {left: 825 }
 #postsCalendar:hover a {background-position: -258px -57 }
 #tagslistlink {left: 795 line-height: 150 white-space: normal; font-size: 70%; width: 35 height: 40 top: 80 z-index: 11; }
 #tagslistlink a {background-position: -203px -57 }
 #tagslistlink:hover {line-height: 10 }
 #TagsList {line-height: 15 font-size: 12 }
 #TagsList ul {padding: 8 border-radius: 5 position: absolute; width: 160 right: -10 top: 40 padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160 float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150 font-size: 14 text-align: left; }
 #writeToAuthor {left: 760 z-index: 10; }
 #writeToAuthor a {background-position: -133px -57 }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10 }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50 }
 #writeToAuthor:hover {left: 750 }
 #writeToAuthor:hover a {background-position: -123px -57 }
 #addToFav, #delFromFav {left: 725 }
 #addToFav a {background-position: -14px -59 }
 #delFromFav a {background-position: -71px -59 }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55 }
 #addToFav:hover, #delFromFav:hover {left: 715 }
 #addToFav:hover a {background-position: -4px -59 }
 #delFromFav:hover a {background-position: -61px -59 }
 {}
 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: 3 }
 .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: -20 margin-left: 45 opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10 border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7 border-radius: 30 -moz-border-radius: 30 -webkit-border-radius: 30 margin-left: -10 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: 5 text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40 }
 .singleComment .postContent {padding: 0px 10px 0px 5 }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45 }
 .singleComment .authorName {padding: 5px 10px 10 }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15 border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 text-align: center; }
 .postLinks {min-height: 20 }
 .comments a {background-repeat: no-repeat; background-position: -205px -13 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: 0 width: 850 }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67 }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30 }
 #pageBar strong {padding: 5px 10 border-radius: 15 }
 #pageBar a {padding: 5px 10 border: 1px transparent solid; border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 border: 1px #fff solid; }
 #pageBar a:hover {padding: 5px 10 }
 .group_link {border-top: 1px #a6abcb solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5 border-radius: 5 -moz-border-radius: 5 -webkit-border-radius: 5 max-width: 120 }
 .sign {width: 120px !important; color: #979bad; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14 font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14 font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14 font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3 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 -11 }
 .tonotepadPostLink a {background-position: -110.6px -16 padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16 padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16 padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16 padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16 padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #a0a6cc; opacity: 1; border-radius: 3 -moz-border-radius: 3 -webkit-border-radius: 3 color: #fff; }
 .quote_text {border: 1px #9fa2b3 solid; border-radius: 3 -moz-border-radius: 3 -webkit-border-radius: 3 background-color: #d8dbea; padding: 5 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 35 margin-bottom: 20 }
 .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: 18 position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18 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: 35 margin-top: 15 }
 {картинки}
 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: 10 margin-top: 20 margin-bottom: 40 border: 1px solid #c6c0da; border-radius: 10 box-shadow: 0 0 10px #e1dbef inset, 0 0 15px #fff; }
 #page-c {border-radius: 0 0 10px 10 padding: 10px 30px 20 width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200 padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180 height: 180 border-radius: 10 }
 #side h1 {position: absolute; top: 30 left: 240 font-size: 38 font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160 top: 50px !important; left: 50 border-radius: 10 }
 #authorName {position: absolute; top: 40 left: 190 }
 #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: 5 width: 70 height: 60 top: 145 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: 5 font-size: 11 background-color: #d6cfe6; background-repeat: no-repeat; }
 #myDiaryLink {left: 245 }
 #myDiaryLink a {padding: 40px 2px 5 background-position: 3px -9 }
 #umailLink {left: 341 }
 #umailLink a {padding: 40px 20px 5 background-position: -55px -9 }
 #discussionLink {left: 437 }
 #discussionLink a {padding: 40px 9px 5 background-position: -114px -9 }
 #writeThisDiary {left: 533 }
 #writeThisDiary a {padding: 40px 1px 5 background-position: -181px -9 }
 #myFavLink {left: 629 }
 #myFavLink a {padding: 40px 7px 5 background-position: -246px -9 }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5 background-position: -312px -9 }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5 background-position: -375px -9 }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5 right: 25 }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10 background: #e5e1f0; border-radius: 15 border: 1px #9e94b9 solid; box-shadow: 0 0 2 }
 #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: 35 height: 40 overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80 width: 35 height: 40 overflow: hidden !important; line-height: 150 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: 865 }
 #mainpageLink a {background-position: -326px -57 }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10 width: 40 }
 #mainpageLink:hover {width: 40 }
 #postsCalendar {left: 830 }
 #postsCalendar a {background-position: -263px -57 }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10 }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45 }
 #postsCalendar:hover {left: 825 }
 #postsCalendar:hover a {background-position: -258px -57 }
 #tagslistlink {left: 795 line-height: 150 white-space: normal; font-size: 70%; width: 35 height: 40 top: 80 z-index: 11; }
 #tagslistlink a {background-position: -203px -57 }
 #tagslistlink:hover {line-height: 10 }
 #TagsList {line-height: 15 font-size: 12 }
 #TagsList ul {padding: 8 border-radius: 5 position: absolute; width: 160 right: -10 top: 40 padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160 float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150 font-size: 14 text-align: left; }
 #writeToAuthor {left: 760 z-index: 10; }
 #writeToAuthor a {background-position: -133px -57 }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10 }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50 }
 #writeToAuthor:hover {left: 750 }
 #writeToAuthor:hover a {background-position: -123px -57 }
 #addToFav, #delFromFav {left: 725 }
 #addToFav a {background-position: -14px -59 }
 #delFromFav a {background-position: -71px -59 }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55 }
 #addToFav:hover, #delFromFav:hover {left: 715 }
 #addToFav:hover a {background-position: -4px -59 }
 #delFromFav:hover a {background-position: -61px -59 }
 {}
 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: 3 }
 .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: -20 margin-left: 45 opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10 border-radius: 15 margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7 border-radius: 30 margin-left: -10 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: 5 text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40 }
 .singleComment .postContent {padding: 0px 10px 0px 5 }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45 }
 .singleComment .authorName {padding: 5px 10px 10 }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15 border-radius: 15 text-align: center; }
 .postLinks {min-height: 20 }
 .comments a {background-repeat: no-repeat; background-position: -205px -13 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: 0 width: 850 }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67 }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30 }
 #pageBar strong {padding: 5px 10 border-radius: 15 }
 #pageBar a {padding: 5px 10 border: 1px transparent solid; border-radius: 15 border: 1px #fff solid; }
 #pageBar a:hover {padding: 5px 10 }
 .group_link {border-top: 1px #b5a7c1 solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5 border-radius: 5 max-width: 120 }
 .sign {width: 120px !important; color: #b0acc6; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14 font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14 font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14 font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3 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 -11 }
 .tonotepadPostLink a {background-position: -110.6px -16 padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16 padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16 padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16 padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16 padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #A8A4BD; opacity: 1; border-radius: 3 color: #fff; }
 .quote_text {border: 1px #AEA7C2 solid; border-radius: 3 background-color: #e4e0ee; padding: 5 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 35 margin-bottom: 20 }
 .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: 18 position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18 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: 35 margin-top: 15 }
 {картинки}
 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: 10 margin-top: 20 margin-bottom: 40 border: 1px solid #afc9d2; border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 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 10 padding: 10px 30px 20 width: 870px !important; }
 #side {border-radius: 10px 10px 0 0; width: 870px !important; height: 200 padding: 30px 30px 0; margin: 0 !important; }
 #side .bordered {width: 180 height: 180 border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 }
 #side h1 {position: absolute; top: 30 left: 240 font-size: 38 font-weight: bold; }
 #thisDiaryInfo {position: absolute; padding: 0; width: 160px !important; height: 160 top: 50px !important; left: 50 border-radius: 10 -moz-border-radius: 10 -webkit-border-radius: 10 }
 #authorName {position: absolute; top: 40 left: 190 }
 #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: 5 -moz-border-radius: 5 -webkit-border-radius: 5 width: 70 height: 60 top: 145 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: 5 -moz-border-radius: 5 -webkit-border-radius: 5 font-size: 11 background-color: #f2f2f2; background-repeat: no-repeat; }
 #myDiaryLink {left: 245 }
 #myDiaryLink a {padding: 40px 2px 5 background-position: 3px -9 }
 #umailLink {left: 341 }
 #umailLink a {padding: 40px 20px 5 background-position: -55px -9 }
 #discussionLink {left: 437 }
 #discussionLink a {padding: 40px 9px 5 background-position: -114px -9 }
 #writeThisDiary {left: 533 }
 #writeThisDiary a {padding: 40px 1px 5 background-position: -181px -9 }
 #myFavLink {left: 629 }
 #myFavLink a {padding: 40px 7px 5 background-position: -246px -9 }
 #myQuotLink {left: 725px !important; }
 #myQuotLink a {padding: 40px 12px 5 background-position: -312px -9 }
 #optionsLink {left: 821px !important; }
 #optionsLink a {padding: 40px 9px 5 background-position: -375px -9 }
 #umailLink .count_box, #myDiaryLink .count_box, #discussionLink .count_box {position: absolute; color: transparent; top: -5 right: 25 }
 #umailLink .count_box a, #myDiaryLink .count_box a, #discussionLink .count_box a {padding: 5px 10 background: #deebed; border-radius: 15 border: 1px #7aa0a5 solid; box-shadow: 0 0 2 }
 #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: 35 height: 40 overflow: hidden !important; text-align: center; background-repeat: no-repeat; }
 #mainpageLink, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar {top: 80 width: 35 height: 40 overflow: hidden !important; line-height: 150 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: 865 }
 #mainpageLink a {background-position: -326px -57 }
 #mainpageLink a:hover {overflow: visible !important; line-height: 10 width: 40 }
 #mainpageLink:hover {width: 40 }
 #postsCalendar {left: 830 }
 #postsCalendar a {background-position: -263px -57 }
 #postsCalendar a:hover {overflow: visible !important; line-height: 10 }
 #postsCalendar:hover, #postsCalendar a:hover {width: 45 }
 #postsCalendar:hover {left: 825 }
 #postsCalendar:hover a {background-position: -258px -57 }
 #tagslistlink {left: 795 line-height: 150 white-space: normal; font-size: 70%; width: 35 height: 40 top: 80 z-index: 11; }
 #tagslistlink a {background-position: -203px -57 }
 #tagslistlink:hover {line-height: 10 }
 #TagsList {line-height: 15 font-size: 12 }
 #TagsList ul {padding: 8 border-radius: 5 position: absolute; width: 160 right: -10 top: 40 padding-bottom: 25px !important; }
 #TagsList ul li {display: block !important; width: 160 float: left; }
 #TagsList ul li a, #TagsList ul li a:hover {background-image: none; width: 150 font-size: 14 text-align: left; }
 #writeToAuthor {left: 760 z-index: 10; }
 #writeToAuthor a {background-position: -133px -57 }
 #writeToAuthor a:hover {overflow: visible !important; line-height: 10 }
 #writeToAuthor:hover, #writeToAuthor a:hover {width: 50 }
 #writeToAuthor:hover {left: 750 }
 #writeToAuthor:hover a {background-position: -123px -57 }
 #addToFav, #delFromFav {left: 725 }
 #addToFav a {background-position: -14px -59 }
 #delFromFav a {background-position: -71px -59 }
 #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 }
 #addToFav:hover, #delFromFav:hover, #addToFav a:hover, #delFromFav a:hover {width: 55 }
 #addToFav:hover, #delFromFav:hover {left: 715 }
 #addToFav:hover a {background-position: -4px -59 }
 #delFromFav:hover a {background-position: -61px -59 }
 {}
 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: 3 }
 .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: -20 margin-left: 45 opacity: 0.5; }
 .postTitle {padding: 5px 10px 5px 10 border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 margin: 20px 0 0; }
 .singleComment .postTitle {margin: 0; text-shadow: 1px 1px 0px #fff; }
 .singlePost .postTitle span {padding: 15px 7 border-radius: 30 -moz-border-radius: 30 -webkit-border-radius: 30 margin-left: -10 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: 5 text-shadow: 1px 1px 0px #fff; }
 .singlePost .postContent {padding: 10px 10px 0px 40 }
 .singleComment .postContent {padding: 0px 10px 0px 5 }
 .singlePost .authorName, .singlePost .communityName {padding: 5px 0 0 45 }
 .singleComment .authorName {padding: 5px 10px 10 }
 #links_title, #addCommentArea_title, #new_post_title {padding: 5px 10px 5px 15 border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 text-align: center; }
 .postLinks {min-height: 20 }
 .comments a {background-repeat: no-repeat; background-position: -205px -13 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: 0 width: 850 }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: -67 }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30 }
 #pageBar strong {padding: 5px 10 border-radius: 15 }
 #pageBar a {padding: 5px 10 border: 1px transparent solid; border-radius: 15 -moz-border-radius: 15 -webkit-border-radius: 15 border: 1px #e3eef3 solid; }
 #pageBar a:hover {padding: 5px 10 }
 .group_link {border-top: 1px #76999d solid; text-align: center; }
 .avatar {width: 130px !important; }
 .avatar img {padding: 5 border-radius: 5 -moz-border-radius: 5 -webkit-border-radius: 5 max-width: 120 }
 .sign {width: 120px !important; color: #aec1c3; font-size: 75%; }
 .atTag:before {content: "@tags:"; font-size: 14 font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 14 font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 14 font-style: italic; }
 .atTag span, .atMood span, .atMusic span {display: none !important; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .postActionLinks {padding-top: 3 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 -11 }
 .tonotepadPostLink a {background-position: -110.6px -16 padding: 5px 5px 10px 10px !important; }
 .upPostLink a {background-position: -81.2px -16 padding: 5px 5px 10px 10px !important; }
 .fromnotepadPostLink a {background-position: -52px -16 padding: 5px 5px 10px 10px !important; }
 .delPostLink a {background-position: -140.5px -16 padding: 5px 5px 10px 10px !important; }
 .editPostLink a {background-position: -173px -16 padding: 5px 5px 10px 10px !important; }
 #cc, input.submit, .submit, #groupLinkComboBox {background: #9ac0c4; opacity: 1; border-radius: 3 -moz-border-radius: 3 -webkit-border-radius: 3 color: #fff; }
 .quote_text {border: 1px #719a9f solid; border-radius: 3 -moz-border-radius: 3 -webkit-border-radius: 3 background-color: #e7eff0; padding: 5 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 35 margin-bottom: 20 }
 .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: 18 position: relative; }
 #JournalComments .singlePost .postLinks {width: auto; display: inline; text-align: right; min-height: 18 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: 35 margin-top: 15 }
 {картинки}
 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)
меню
значки