Devil Left a Message

[dead_mockingbird]

1. Голубой и оранжевый

страница комментариев:
img-fotki.yandex.ru/get/4706/35179076.3/0_6cefd...

Дизайн блочный, навигационная панель вверху
Шрифты: заголовок обычный 16, текст обычный 16, Georgia
Цвета текста: заголовок #000000, ссылки #ec8a5f, записи #252525, оффтопика #999
Цвета фона и границ оставить пустыми.

ФОН ГОЛУБОЙ: static.diary.ru/userdir/1/7/5/6/1756048/7067907...
МЕНЮ ВЕРХ: static.diary.ru/userdir/1/7/5/6/1756048/7067908...
НАЗВАНИЕ ДНЕВНИКА: static.diary.ru/userdir/1/7/5/6/1756048/7113147...
КРУГИ: static.diary.ru/userdir/1/7/5/6/1756048/7092300...

СПРАЙТ: static.diary.ru/userdir/1/7/5/6/1756048/7095619...
ЗАПИСИ: static.diary.ru/userdir/1/7/5/6/1756048/7067907...
ТЕНЬ: static.diary.ru/userdir/1/7/5/6/1756048/7067908...
АВАТАР: static.diary.ru/userdir/1/7/5/6/1756048/7086188...
РАЗДЕЛИТЕЛЬ: static.diary.ru/userdir/1/7/5/6/1756048/7108764...

ВНИМАНИЕ! Все элементы, требующие в качестве фонов картинки, вынесены в самое начало кода в группу «картинки» для удобства установки, поэтому не нужно искать дальше по тексту ссылки на картинки, они все в начале и встречаются только один раз.

{-------------------------------- картинки ------------------------------}
 .block_design {background: #d6e9e8 url('ФОН ГОЛУБОЙ'); }
 #add_block1 { background: url('МЕНЮ ВЕРХ') repeat-x; }
 #side h1 A { background: url('НАЗВАНИЕ ДНЕВНИКА') 0 0 no-repeat;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a,#myFavLink a {background: url('КРУГИ') no-repeat;}
 #bottom_up a, #Stats a, #authorName, #mainpageLink a, #postsCalendar a, #writeToAuthor a, #tagslistlink a, #addToFavA, #delFromFav a, #optionsLink a, .commentAuthor, .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 { background: url('СПРАЙТ') no-repeat;}
 .singlePost, .singleComment, #addCommentArea, #TagsList ul, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #JournalLinks #page-t, .pageBar td strong { background: url('ЗАПИСИ');}
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before, #addCommentArea:before { background: url('ТЕНЬ') 50% 0 no-repeat;}
 .avatar { background: url('АВАТАР'); }
 .postTitle, #new_post_title, .calHeader, #links_title {background: url('РАЗДЕЛИТЕЛЬ') 0 100% no-repeat; }

 {-------------- картинки закончились, дальше искать не нужно ---------------------}

 .block_design { padding: 0 !important; font-family: georgia, palatino, serif;}
 #wrapper{ min-width: 940px; width: 940px; margin: 0 auto !important; padding-top: 0 !important; }
 #add_block1 { position: absolute; width: 100%; height: 89px; top: -20px; left: 0; z-index: -2; }
 {-------------------------------- menu ------------------------------}
 #side { margin: 0 0 0 0 !important; position: relative; }
 #side ul { visibility: visible; display: block;}
 #side h1 A {position: absolute; display: block; width: 670px; height: 78px; top: 160px; left: 139px; text-indent: -99999px !important; outline: 0 !important;}
 #side h1 A:hover {background-position: 0 -81px;}
 #side h1 A:active {background-position: 0 -80px;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a,#myFavLink a{ position: absolute; top: 260px; height: 120px; width: 120px; text-align: center; padding-top: 0 !important; color: #000 !important; text-decoration: none; text-indent: -99999px; display: block; }
 #myDiaryLink a, #myCommunityLink a { left: 124px; background-position: 0 0; }
 #discussionLink a { left: 259px; background-position: -119px 0; }
 #umailLink a { left: 395px; background-position: -238px 0; }
 #writeThisDiary a { left: 531px; background-position: -357px 0; }
 #myFavLink a { left: 667px; background-position: -476px 0; }
 #myDiaryLink a:hover, #myCommunityLink a:hover { background-position: -0 -121px; }
 #discussionLink a:hover { background-position: -119px -121px; }
 #umailLink a:hover { background-position: -238px -121px; }
 #writeThisDiary a:hover { background-position: -357px -121px; }
 #myFavLink a:hover { background-position: -476px -121px; }
 .order_button, #iAmQuit, .menuSection_title, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorLiks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #photolibLink, #pchs, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #side h1 .opac6, #authorLiks, #myQuotLink, #subscribeEmail, #thisDiaryPhoto, .urlLink, #JournalQuote .profile, #commentsArea_title, #addCommentArea_title, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #change_bg_area_comm input, #change_bg_area_comm label, #JournalFavorite .profile {display: none !important;}
 #bottom_up a { display: block; position: fixed; bottom: 40px; right: 0; background-position: -86px 0; width: 152px; height: 48px; text-indent: -99999px; outline: 0; }
 #Stats { float: left !important; margin: -10px 0 40px 400px; }
 #Stats a{ background-position: -243px -2px; display: block; text-indent: -99999px; height: 30px; width: 135px; }
 #Stats a+a {display: none;}
 #side a:active, #side a:focus, #bottom_up a:active, #bottom_up a:focus {outline: none;}
 {-------------------------------- menu top ------------------------------}
 #thisDiaryInfo { float: left; position: absolute; left: -6px; top: 0; width: 300px;}
 #authorName { font: italic 20px georgia !important; color: #000; text-shadow: 0 1px 1px #cdc8c4; background-position: -928px -85px; padding: 9px 0 10px 45px !important; float: left !important; text-align: left;}
 #mainpageLink a, #postsCalendar a, #writeToAuthor a { position: absolute; top: -25px; text-indent: -99999px; height: 48px; }
 #mainpageLink a { left: 825px; background-position: -358px -85px; width: 100px; z-index: 10; }
 #tagslistlink {position:absolute; left:740px; top:-25px;}
 #tagslistlink a { text-indent: -99999px; height: 48px; visibility: visible; display: block; background-position: -270px -85px; width: 90px; }
 #postsCalendar a { left: 615px; background-position: -145px -85px; width: 122px; z-index: 5;}
 #writeToAuthor a { left: 310px; background-position: -2px -85px; width: 140px; }
 #mainpageLink a:hover { background-position: -358px -129px; }
 #tagslistlink a:hover { background-position: -270px -129px; }
 #postsCalendar a:hover { background-position: -145px -129px; }
 #writeToAuthor a:hover { background-position: -2px -129px; }
 #addToFavA, #delFromFav a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; font: italic 10px georgia !important; text-align: center; text-transform: lowercase; }
 #addToFavA { background-position: -460px -96px; color: #f2ece7 !important; }
 #addToFavA span { color: #f2ece7; }
 #delFromFav a { background-position: -616px -96px; color: #6e6661 !important; }
 #delFromFav a span { color: #6e6661; }
 #addToFavA span, #delFromFav a span { font: italic 10px georgia !important; text-transform: lowercase; }
 #optionsLink a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; background-position: -771px -96px; text-indent: -99999px;}
 {------------------------------------------ themes ---------------------------------}
 #thisDiaryOwner ul {z-index: 51 !important; }
 #TagsList ul { width: 185px; padding: 10px 0 0 0 !important; margin: -11px 0 0 -12px !important; -webkit-box-shadow: 0 1px 2px #bfc6c7; -moz-box-shadow: 0 1px 2px #bfc6c7; box-shadow: 0 1px 2px #bfc6c7; }
 #TagsList li {text-align: left; padding: 10px 0 10px 10px !important; text-transform: lowercase !important; white-space: normal; border-bottom: 1px solid #c5c0bc; border-top: 1px solid #f9f6f4; width: 175px !important; margin: 0 !important; }
 #TagsList a {text-indent: 0; background: none; width: 130px !important; height: 100%; color: #000; font: 12px Georgia; }
 #TagsList a:hover { color: #ec8a5f;}
 #TagsList span {margin: 0 5px 0 0 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d4e4e8; height: 25px; width: 25px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #c5c0bc; -moz-box-shadow: 0 1px 1px #c5c0bc; box-shadow: 0 1px 1px #c5c0bc; }
 #TagsList li:first-child { border-top: none; }
 {------------------------------------------ counters ---------------------------------}
 a#menuNewUmails, a#menuNewDescussions, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #myDraftLink span.count_box {display: block; height: 40px; width: 40px; text-align: center; color: #eee !important; text-indent: 0 !important; -moz-border-radius: 20px; border-radius: 20px; line-height: 40px; visibility: visible; padding-top: 0 !important; background: #252525 !important; margin: 0 0 0 85px;}
 #myDiaryLink span.count_box a:hover, #myCommunityLink span.count_box a:hover, #myDraftLink span.count_box:hover, a#menuNewUmails:hover, a#menuNewDescussions:hover { color: #ec8a5f !important;}
 #umailLink .count_box, #discussionLink .count_box, #myDiaryLink .count_box, #myCommunityLink .count_box {position: absolute; top: 0; left: 0; visibility: hidden; height: 0 !important; }
 {-------------------------------- posts ------------------------------}
 #page-t { margin: 400px 130px 0 130px !important;}
 .singlePost { position: relative; padding: 50px 80px !important; margin: 0 0 60px !important; border: 1px solid #dfdfdf !important; }
 .singleComment { position: relative; margin: 0 0 40px 0 !important;}
 .singleComment, #addCommentArea { padding: 30px 80px 30px !important; border: 1px solid #dfdfdf !important; }
 #addCommentArea { margin: -20px 10px 30px 10px !important; }
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before { content: ""; width: 100%; height: 8px; display: block; position: absolute; bottom: -8px; left: 0; }
 .paragraph { margin: 60px 0 0 0 !important; line-height: 24px !important; overflow: hidden; }
 #addCommentArea:before { content: ""; width: 100%; height: 8px !important; display: block !important; position: absolute; bottom: 65px !important; left: 0; }
 #post0 { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important;}
 .communityName {position: absolute; top: 20px; left: 100px; text-align: center; width: 460px; display: block; overflow: hidden;}
 .communityName a {font: small-caps 14px georgia; color: #000; }
 .commentAuthor { dispaly: block; width: 83px; height: 85px; margin: -40px 0 0 0; overflow: visible; position: relative; }
 .authorName { margin: 35px 0 0 100px !important; color: #000; }
 .authorName a {color: #000;}
 .authorName a strong { font: normal 16px georgia; color: #000; text-shadow: 0 1px 1px #beb9b6; }
 .avatar img { width: 70px; max-height: 70px; margin: 4px; border: 1px solid #dbdbdb; }
 .avatar {width: 80px !important; height: 80px; -webkit-box-shadow: 0 1px 2px #c7c2bf;-moz-box-shadow: 0 0 2px #c7c2bf; box-shadow: 0 0 2px #c7c2bf; }
 .sign { position: absolute; top: 45px; left: 100px; width: 400px !important; font: italic 14px georgia; line-height: 16px; color: #9b9b9b; height: 50px; display: block; }
 .postLinksBackg { text-align: center; margin: 30px 0 0 0 !important; font: 12px georgia; border-top: 1px solid #ccc8c3; padding: 7px 0 0 0 !important;}
 .comments { position: absolute; bottom: 80px; left: 70px; width: 500px; text-align: center; display: block; border-top: 1px solid #ccc8c3; padding: 5px 0 0 0 !important;}
 .comments a {font: 18px georgia; color: #000; }
 .atTag { margin: 0 0 10px 0; text-align: left; line-height: 20px;}
 {-------------------------------- headers ------------------------------}
 .postDate { position: absolute; left: -140px; top: 35px; width: 120px; text-align: right; font: italic 16px georgia !important; border-top: 1px solid #8b9897; border-bottom: 1px solid #8b9897; padding: 8px 0 !important; text-shadow: 0 1px 1px #a9aeb0;}
 .postTitle { text-align: center; display: block; padding: 0 0 25px !important; margin: 0 !important; font: small-caps 26px georgia !important;}
 #draft_title { position: absolute; left: 220px; top: 485px; text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 0 0 !important; font: small-caps 26px georgia !important; width: 500px;}
 #new_post_title { position: relative; top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 80px !important; z-index: 2 !important; }
 .calHeader { top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 30px !important; }
 #links_title { text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 20px 0 !important; font: small-caps 26px georgia !important; font-weight: normal !important; }
 #links_title h4 {font: small-caps 26px georgia !important; font-weight: normal !important; margin: 0 0 0 25px !important; }
 .tags_header a {font: small-caps 16px georgia; color: #252525;}
 {------------------------- exceptions ------------------ }
 #JournalComments .postLinksBackg, #JournalDraft .postLinksBackg { margin: 0 !important; padding: 5px 0 !important; border-top: 1px solid #ccc8c3;}
 #JournalDraft .list_box {display: none !important;}
 .prevnext { width: 500px !important;}
 .nextPostLink {float: right !important;}
 .nextPostLink a, .prevPostLink a { color: #9b9b9b; font: italic 14px Georgia; }
 #JournalComments .singlePost {margin: 0 0 20px 0 !important; }
 #JournalComments #msg_form { position: static !important; padding: 0 0 !important; margin: 0 !important; border:none !important; }
 #JournalComments #msg_form:before, #post0:before { background: none; }
 .singleComment .header span {font: 18px georgia; float: left; color: #a4a3a1; text-shadow: 0 1px 0 #fff; }
 .singleComment .postTitle { display: block; padding: 0 0 10px !important;}
 .singleComment .postActionLinks { left: 563px;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 10px 0 0 !important;}
 #JournalDraft .commentAuthor { display: none !important; }
 .linkssection .postActionLinks { left: 475px; width: 55px; top: 7px;}
 #JournalLinks .paragraph {margin: -3px 0 0 135px !important; padding: 0 0 10px !important; font: italic 16px georgia !important; line-height: 18px !important; color: #9b9b9b; width: 270px; }
 #Journal #addCommentArea { position: static !important; margin-top: 0 !important;}
 #Journal #addCommentArea #msg_form { position: relative !important; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important; z-index: 1 !important; width: 500px !important; display: block !important;}
 #Journal #addCommentArea #msg_form:before { background: none !important;}
 {------------------------- voting ------------------ }
 .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #252525; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #f4a481; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #b8d9db; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"], .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"] { background: #b7d5e8; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #ffdcba; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting table {width: 100%;}
 .voting td:first-child {width: 230px; text-align: left; }
 .voting td {vertical-align: baseline;}
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .postActionLinks {position: absolute; left: 560px; top: 8px; }
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"] { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; padding: 20px 0 0 !important; height: 0; margin: 0 !important; width: 20px;}
 .upPostLink [src*="postup.gif"] { background-position: -95px -51px; }
 .delPostLink [src*="postdelite.gif"] { background-position: -139px -51px; }
 .editPostLink [src*="postedit.gif"] { background-position: -117px -51px; }
 .tonotepadPostLink [src*="tonotepad.gif"] { background-position: -161px -51px; position: absolute; left: 0; }
 .fromnotepadPostLink [src*="fromnotepad.gif"] { background-position: -201px -51px; position: absolute; left: 0; }
 .postActionLinks, .opac6 {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
 .opac6 {width: 0; height: 20px; background-position: -181px -51px; padding: 0 19px 0 0 !important; margin: 0 !important;}
 .postActionLinks {width: 88px;}
 .postActionLinks li {float: right;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
 {----------------------- features -----------------}
 #codebuttons {padding: 5px 0 !important;}
 #codebuttons a img { background: #f4eee9 !important; border: 1px solid #ccc8c3 !important;}
 #codebuttons a img:hover { background: #e2eceb !important; }
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { background: #f2efeb; border: 1px solid #e7e2dd !important;}
 textarea#message {line-height: 24px; padding: 5px !important; width: 490px !important;}
 form#msg_form span { font: 12px georgia; clear: both; text-align: left;}
 #fromAnotherName, #fromAnotherPass {width: 120px;}
 #msg_form { position: relative; padding: 100px 70px 50px !important; margin: -60px 0 60px 0 !important; border: 1px solid #dfdfdf !important; z-index: 1 !important; }
 input#postTitle {width: 500px;}
 #JournalCalendar #page-t {position: relative; padding: 20px 40px 20px !important; margin: 400px 140px 80px 140px !important; border: 1px solid #dfdfdf; z-index: 1; font: 14px georgia; }
 #JournalCalendar #content b { padding: 0 !important; }
 .tags_ul_all{ position: relative; padding: 30px 80px 30px 100px; margin: -10px 0 30px 0px; border: 1px solid #dfdfdf; width: 480px !important; }
 .tags_ul_all li { padding: 7px 0px !important; border-bottom: 1px solid #c5c0bc; border-top: 1px solid #f9f6f4; margin: 0; list-style: none;}
 .tags_ul_all li:first-child { border-top: none; }
 .tags_ul_all li:last-child { border-bottom: none; }
 #content {margin: 0 !important; padding: 0 !important; overflow: visible !important;}
 #JournalLinks #page-t {margin: 400px 140px 40px 140px !important; position: relative; padding: 50px 80px !important; border: 1px solid #dfdfdf !important; }
 .linkssection {position: relative; }
 #JournalLinks .linkssection {text-align: left !important; padding: 7px 0 !important; border-bottom: 1px solid #c5c0bc !important; border-top: 1px solid #f9f6f4 !important; margin: 0 !important; list-style: none;}
 #JournalLinks h2 { font: 20px georgia !important; text-shadow: 0 1px 1px #beb9b6;}
 #pageBar {margin: -20px 0 30px -5px !important; width: 670px; }
 .pages_str td {width: 335px; display: inline-block !important; margin: 0px 0 0px -80px !important; }
 .pages_str a { background: none !important; height: 25px; width: 25px; text-align: center; line-height: 25px; box-shadow: none !important; color: #000 !important; text-shadow: 0 1px 1px #beb9b6 !important;}
 .pageBar td a, .pageBar td strong {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #c5c0bc; -moz-box-shadow: 0 1px 1px #c5c0bc; box-shadow: 0 1px 1px #c5c0bc; font: 14px Georgia !important; }
 .pageBar td a {background: #000; width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; color: #fff; }
 .pageBar td a:hover { color: #ec8a5f !important; text-decoration: none; }
 .pageBar td strong { color: #252525; width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; }
 ::selection {background: #363636; color: #fff; }
 ::-moz-selection {background: #363636; color: #fff; }
 ::-o-selection {background: #363636; color: #fff; }
 ::-webkit-selection {background: #363636; color: #fff; }
 img {max-width: 500px !important;}
 #cc { margin: -5px 0 0 -200px; }
 span.quote_text { background: #fef7f1; border-bottom: 1px solid #dad4cf; }
 

Что мы делаем с названием дневника, которое идет картинкой: поступим следующим образом - первым 20 желающим (если такое количество вообще наберется), я оформлю название сама. Дайте о себе знать в комментариях, скажите название дневника, и я сделаю вам нужное изображение. Если вдруг желающих будет больше 20 или вы хорошо знакомы с фотошопом, то ниже я выкладываю архивы с шрифтом и psd-макетом, где лежит текст со всеми стилями, изменить его на свой текст вам не составит труда.

мгновенная примерка дизайна:

http://АДРЕС ДНЕВНИКА/?design=4391675

2. Синий и красный

страница комментариев:
img-fotki.yandex.ru/get/4707/35179076.3/0_6ceff...

Дизайн блочный, навигационная панель вверху
Шрифты: заголовок обычный 16, текст обычный 16, Georgia
Цвета текста: заголовок #000000, ссылки #ba2929, записи #22262b, оффтопика #999
Цвета фона и границ оставить пустыми.

ФОН ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/7108765...
МЕНЮ ВЕРХ: static.diary.ru/userdir/1/7/5/6/1756048/7108762...
НАЗВАНИЕ ДНЕВНИКА: static.diary.ru/userdir/1/7/5/6/1756048/7108762...
КРУГИ: static.diary.ru/userdir/1/7/5/6/1756048/7108761...

СПРАЙТ: static.diary.ru/userdir/1/7/5/6/1756048/7108761...
ЗАПИСИ: static.diary.ru/userdir/1/7/5/6/1756048/7108763...
ТЕНЬ: static.diary.ru/userdir/1/7/5/6/1756048/7108763...
АВАТАР: static.diary.ru/userdir/1/7/5/6/1756048/7108765...
РАЗДЕЛИТЕЛЬ: static.diary.ru/userdir/1/7/5/6/1756048/7108764...

ВНИМАНИЕ! Все элементы, требующие в качестве фонов картинки, вынесены в самое начало кода в группу «картинки» для удобства установки, поэтому не нужно искать дальше по тексту ссылки на картинки, они все в начале и встречаются только один раз.

 {-------------------------------- КАРТИНКИ ------------------------------}
 .block_design {background: #2b3036 url('ФОН ТЕМНЫЙ'); }
 #add_block1 { background: url('МЕНЮ ВЕРХ') repeat-x; }
 #side h1 A { background: url('НАЗВАНИЕ ДНЕВНИКА') 0 0 no-repeat;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a,#myFavLink a {background: url('КРУГИ') no-repeat;}
 #bottom_up a, #Stats a, #authorName, #mainpageLink a, #postsCalendar a, #writeToAuthor a, #tagslistlink a, #addToFavA, #delFromFav a, #optionsLink a, .commentAuthor, .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 { background: url('СПРАЙТ') no-repeat;}
 .singlePost, .singleComment, #addCommentArea, #TagsList ul, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #JournalLinks #page-t, .pageBar td strong { background: url('ЗАПИСИ');}
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before, #addCommentArea:before { background: url('ТЕНЬ') 50% 0 no-repeat;}
 .avatar { background: url('АВАТАР'); }
 .postTitle, #new_post_title, .calHeader, #links_title {background: url('РАЗДЕЛИТЕЛЬ') 0 100% no-repeat; }

 {--------- КАРТИНКИ ЗАКОНЧИЛИСЬ, ДАЛЬШЕ ИСКАТЬ НЕ НУЖНО --------------}

 .block_design { padding: 0 !important; font-family: georgia, palatino, serif;}
 #wrapper{ min-width: 940px; width: 940px; margin: 0 auto !important; padding-top: 0 !important; }
 #add_block1 { position: absolute; width: 100%; height: 89px; top: -10px; left: 0; z-index: -2; }
 {-------------------------------- menu ------------------------------}
 #side { margin: 0 0 0 0 !important; position: relative; }
 #side ul { visibility: visible; display: block;}
 #side h1 A {position: absolute; display: block; width: 670px; height: 78px; top: 160px; left: 139px; text-indent: -99999px !important; outline: 0 !important;}
 #side h1 A:hover {background-position: 0 -81px;}
 #side h1 A:active {background-position: 0 -80px;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a,#myFavLink a{ position: absolute; top: 260px; height: 120px; width: 120px; text-align: center; padding-top: 0 !important; color: #000 !important; text-decoration: none; text-indent: -99999px; display: block; }
 #myDiaryLink a, #myCommunityLink a { left: 124px; background-position: 0 0; }
 #discussionLink a { left: 259px; background-position: -119px 0; }
 #umailLink a { left: 395px; background-position: -238px 0; }
 #writeThisDiary a { left: 531px; background-position: -357px 0; }
 #myFavLink a { left: 667px; background-position: -476px 0; }
 #myDiaryLink a:hover, #myCommunityLink a:hover { background-position: -0 -122px; }
 #discussionLink a:hover { background-position: -119px -122px; }
 #umailLink a:hover { background-position: -238px -122px; }
 #writeThisDiary a:hover { background-position: -357px -122px; }
 #myFavLink a:hover { background-position: -476px -122px; }
 .order_button, #iAmQuit, .menuSection_title, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorLiks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #photolibLink, #pchs, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #side h1 .opac6, #authorLiks, #myQuotLink, #subscribeEmail, #thisDiaryPhoto, .urlLink, #JournalQuote .profile, #commentsArea_title, #addCommentArea_title, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #change_bg_area_comm input, #change_bg_area_comm label, #JournalFavorite .profile {display: none !important;}
 #bottom_up a { display: block; position: fixed; bottom: 40px; right: 0; background-position: -86px 0; width: 152px; height: 48px; text-indent: -99999px; outline: 0; }
 #Stats { float: left !important; margin: -10px 0 40px 400px; }
 #Stats a{ background-position: -243px -2px; display: block; text-indent: -99999px; height: 30px; width: 135px; }
 #Stats a+a {display: none;}
 #side a:active, #side a:focus, #bottom_up a:active, #bottom_up a:focus {outline: none;}
 {-------------------------------- menu top ------------------------------}
 #thisDiaryInfo { float: left; position: absolute; left: -6px; top: 0; width: 300px;}
 #authorName { font: italic 20px georgia !important; color: #000; text-shadow: 0 1px 1px #cdc8c4; background-position: -928px -85px; padding: 9px 0 10px 45px !important; float: left !important; text-align: left;}
 #mainpageLink a, #postsCalendar a, #writeToAuthor a { position: absolute; top: -25px; text-indent: -99999px; height: 48px; }
 #mainpageLink a { left: 825px; background-position: -358px -85px; width: 100px; z-index: 10; }
 #tagslistlink {position:absolute; left:740px; top:-25px;}
 #tagslistlink a { text-indent: -99999px; height: 48px; visibility: visible; display: block; background-position: -270px -85px; width: 90px; }
 #postsCalendar a { left: 615px; background-position: -145px -85px; width: 122px; z-index: 5;}
 #writeToAuthor a { left: 310px; background-position: -2px -85px; width: 140px; }
 #mainpageLink a:hover { background-position: -358px -129px; }
 #tagslistlink a:hover { background-position: -270px -129px; }
 #postsCalendar a:hover { background-position: -145px -129px; }
 #writeToAuthor a:hover { background-position: -2px -129px; }
 #addToFavA, #delFromFav a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; font: italic 10px georgia !important; text-align: center; text-transform: lowercase; }
 #addToFavA { background-position: -460px -97px; color: #f2ece7 !important; }
 #addToFavA span { color: #f2ece7; }
 #delFromFav a { background-position: -616px -97px; color: #2b3036 !important; }
 #delFromFav a span { color: #2b3036; }
 #addToFavA span, #delFromFav a span { font: italic 10px georgia !important; text-transform: lowercase; }
 #optionsLink a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; background-position: -771px -97px; text-indent: -99999px;}
 {------------------------------------------ themes ---------------------------------}
 #thisDiaryOwner ul {z-index: 51 !important; }
 #TagsList ul { width: 185px; padding: 10px 0 0 0 !important; margin: -13px 0 0 -12px !important; -webkit-box-shadow: 0 1px 2px #363636; -moz-box-shadow: 0 1px 2px #363636; box-shadow: 0 1px 2px #363636; }
 #TagsList li {text-align: left; padding: 10px 0 10px 10px !important; text-transform: lowercase !important; white-space: normal; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; width: 175px !important; margin: 0 !important; }
 #TagsList a {text-indent: 0; background: none; width: 130px !important; height: 100%; color: #000; font: 12px Georgia; }
 #TagsList a:hover { color: #ba2929;}
 #TagsList span {margin: 0 5px 0 0 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #892022; height: 25px; width: 25px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #555; -moz-box-shadow: 0 1px 1px #555; box-shadow: 0 1px 1px #555555; color: #fff; }
 #TagsList li:first-child { border-top: none; }
 {------------------------------------------ counters ---------------------------------}
 a#menuNewUmails, a#menuNewDescussions, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #myDraftLink span.count_box {display: block; height: 40px; width: 40px; text-align: center; color: #1c1f24 !important; text-indent: 0 !important; -moz-border-radius: 20px; border-radius: 20px; line-height: 40px; visibility: visible; padding-top: 0 !important; background: #d6dcea !important; margin: 0 0 0 85px; text-shadow: 0 1px 1px #aaa; -webkit-box-shadow: 0 1px 1px #363636; -moz-box-shadow: 0 1px 1px #363636; box-shadow: 0 1px 1px #363636;}
 #myDiaryLink span.count_box a:hover, #myCommunityLink span.count_box a:hover, #myDraftLink span.count_box:hover, a#menuNewUmails:hover, a#menuNewDescussions:hover { color: #ba2929 !important;}
 #umailLink .count_box, #discussionLink .count_box, #myDiaryLink .count_box, #myCommunityLink .count_box {position: absolute; top: 0; left: 0; visibility: hidden; height: 0 !important; }
 {-------------------------------- posts ------------------------------}
 #page-t { margin: 400px 130px 0 130px !important;}
 .singlePost { position: relative; padding: 50px 80px !important; margin: 0 0 60px !important; border: 1px solid #fff !important; }
 .singleComment { position: relative; margin: 0 0 40px 0 !important;}
 .singleComment, #addCommentArea { padding: 30px 80px 30px !important; border: 1px solid #fff !important; }
 #addCommentArea { margin: -20px 10px 30px 10px !important; }
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before { content: ""; width: 100%; height: 8px; display: block; position: absolute; bottom: -9px; left: 0; }
 .paragraph { margin: 60px 0 0 0 !important; line-height: 24px !important; overflow: hidden; }
 #addCommentArea:before { content: ""; width: 100%; height: 8px !important; display: block !important; position: absolute; bottom: 64px !important; left: 0; }
 #post0 { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important;}
 .communityName {position: absolute; top: 20px; left: 100px; text-align: center; width: 460px; display: block; overflow: hidden;}
 .communityName a {font: small-caps 14px georgia; color: #000; }
 .commentAuthor { dispaly: block; width: 83px; height: 85px; margin: -40px 0 0 0; overflow: visible; position: relative; }
 .authorName { margin: 35px 0 0 100px !important; color: #000; }
 .authorName a {color: #000;}
 .authorName a strong { font: normal 16px georgia; color: #000; text-shadow: 0 1px 1px #beb9b6; }
 .avatar img { width: 70px; max-height: 70px; margin: 4px; border: 1px solid #dbdbdb; }
 .avatar {width: 80px !important; height: 80px; -webkit-box-shadow: 0 1px 2px #c7c2bf;-moz-box-shadow: 0 0 2px #c7c2bf; box-shadow: 0 0 2px #c7c2bf; }
 .sign { position: absolute; top: 45px; left: 100px; width: 400px !important; font: italic 14px georgia; line-height: 16px; color: #9b9b9b; height: 50px; display: block; }
 .postLinksBackg { text-align: center; margin: 30px 0 0 0 !important; font: 12px georgia; border-top: 1px solid #ccc8c3; padding: 7px 0 0 0 !important;}
 .comments { position: absolute; bottom: 80px; left: 70px; width: 500px; text-align: center; display: block; border-top: 1px solid #ccc8c3; padding: 5px 0 0 0 !important;}
 .comments a {font: 18px georgia; color: #000; }
 .atTag { margin: 0 0 10px 0; text-align: left; line-height: 20px;}
 {-------------------------------- headers ------------------------------}
 .postDate { position: absolute; left: -140px; top: 35px; width: 120px; text-align: right; font: italic 16px georgia !important; border-top: 1px solid #5b6068; border-bottom: 1px solid #5b6068; padding: 8px 0 !important; color: #c2c7d4 !important;}
 .postTitle { text-align: center; display: block; padding: 0 0 25px !important; margin: 0 !important; font: small-caps 26px georgia !important;}
 #draft_title { position: absolute; left: 220px; top: 485px; text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 0 0 !important; font: small-caps 26px georgia !important; width: 500px;}
 #new_post_title { position: relative; top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 80px !important; z-index: 2 !important; }
 .calHeader { top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 30px !important; }
 #links_title { text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 20px 0 !important; font: small-caps 26px georgia !important; font-weight: normal !important; }
 #links_title h4 {font: small-caps 26px georgia !important; font-weight: normal !important; margin: 0 0 0 25px !important; }
 .tags_header a {font: small-caps 16px georgia; color: #252525;}
 {------------------------- exceptions ------------------ }
 #JournalComments .postLinksBackg, #JournalDraft .postLinksBackg { margin: 0 !important; padding: 5px 0 !important; border-top: 1px solid #ccc8c3;}
 #JournalDraft .list_box {display: none !important;}
 .prevnext { width: 500px !important;}
 .nextPostLink {float: right !important;}
 .nextPostLink a, .prevPostLink a { color: #9b9b9b; font: italic 14px Georgia; }
 #JournalComments .singlePost {margin: 0 0 20px 0 !important; }
 #JournalComments #msg_form { position: static !important; padding: 0 0 !important; margin: 0 !important; border:none !important; }
 #JournalComments #msg_form:before, #post0:before { background: none; }
 .singleComment .header span {font: 18px georgia; float: left; color: #a4a3a1; text-shadow: 0 1px 0 #fff; }
 .singleComment .postTitle { display: block; padding: 0 0 10px !important;}
 .singleComment .postActionLinks { left: 563px;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 10px 0 0 !important;}
 #JournalDraft .commentAuthor { display: none !important; }
 .linkssection .postActionLinks { left: 475px; width: 55px; top: 7px;}
 #JournalLinks .paragraph {margin: -3px 0 0 135px !important; padding: 0 0 10px !important; font: italic 16px georgia !important; line-height: 18px !important; color: #9b9b9b; width: 270px; }
 #Journal #addCommentArea { position: static !important; margin-top: 0 !important;}
 #Journal #addCommentArea #msg_form { position: relative !important; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important; z-index: 1 !important; width: 500px !important; display: block !important;}
 #Journal #addCommentArea #msg_form:before { background: none !important;}
 {------------------------- voting ------------------ }
 .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #d6dcea; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #2b3036; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #ba2929; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"], .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"] { background: #d25f61; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #3f568c; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting table {width: 100%;}
 .voting td:first-child {width: 230px; text-align: left; }
 .voting td {vertical-align: baseline;}
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .postActionLinks {position: absolute; left: 560px; top: 8px; }
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"] { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; padding: 20px 0 0 !important; height: 0; margin: 0 !important; width: 20px;}
 .upPostLink [src*="postup.gif"] { background-position: -95px -51px; }
 .delPostLink [src*="postdelite.gif"] { background-position: -139px -51px; }
 .editPostLink [src*="postedit.gif"] { background-position: -117px -51px; }
 .tonotepadPostLink [src*="tonotepad.gif"] { background-position: -161px -51px; position: absolute; left: 0; }
 .fromnotepadPostLink [src*="fromnotepad.gif"] { background-position: -201px -51px; position: absolute; left: 0; }
 .postActionLinks, .opac6 {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
 .opac6 {width: 0; height: 20px; background-position: -181px -51px; padding: 0 19px 0 0 !important; margin: 0 !important;}
 .postActionLinks {width: 88px;}
 .postActionLinks li {float: right;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
 {----------------------- features -----------------}
 #codebuttons {padding: 5px 0 !important;}
 #codebuttons a img { background: #f4f4f4 !important; border: 1px solid #ddd !important;}
 #codebuttons a img:hover { background: #e2eceb !important; }
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { background: #f5f5f5; border: 1px solid #e7e7e7 !important;}
 textarea#message {line-height: 24px; padding: 5px !important; width: 490px !important;}
 form#msg_form span { font: 12px georgia; clear: both; text-align: left;}
 #fromAnotherName, #fromAnotherPass {width: 120px;}
 #msg_form { position: relative; padding: 100px 70px 50px !important; margin: -60px 0 60px 0 !important; border: 1px solid #dfdfdf !important; z-index: 1 !important; }
 input#postTitle {width: 500px;}
 #JournalCalendar #page-t {position: relative; padding: 20px 40px 20px !important; margin: 400px 140px 80px 140px !important; border: 1px solid #dfdfdf; z-index: 1; font: 14px georgia; }
 #JournalCalendar #content b { padding: 0 !important; }
 .tags_ul_all{ position: relative; padding: 30px 80px 30px 100px; margin: -10px 0 30px 0px; border: 1px solid #dfdfdf; width: 480px !important; }
 .tags_ul_all li { padding: 7px 0px !important; border-bottom: 1px solid #ccc; border-top: 1px solid #f9f6f4; margin: 0; list-style: none;}
 .tags_ul_all li:first-child { border-top: none; }
 .tags_ul_all li:last-child { border-bottom: none; }
 #content {margin: 0 !important; padding: 0 !important; overflow: visible !important;}
 #JournalLinks #page-t {margin: 400px 140px 40px 140px !important; position: relative; padding: 50px 80px !important; border: 1px solid #dfdfdf !important; }
 .linkssection {position: relative; }
 #JournalLinks .linkssection {text-align: left !important; padding: 7px 0 !important; border-bottom: 1px solid #c5c0bc !important; border-top: 1px solid #f9f6f4 !important; margin: 0 !important; list-style: none;}
 #JournalLinks h2 { font: 20px georgia !important; text-shadow: 0 1px 1px #beb9b6;}
 #pageBar {margin: -20px 0 30px -5px !important; width: 670px; }
 .pages_str td {width: 335px; display: inline-block !important; margin: 0px 0 0px -80px !important; }
 .pages_str a { background: none !important; height: 25px; width: 25px; text-align: center; line-height: 25px; box-shadow: none !important; color: #ba2929 !important; text-shadow: none !important;}
 .pages_str a:hover { text-decoration: underline !important;}
 .pageBar td a, .pageBar td strong {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #111; -moz-box-shadow: 0 1px 1px #111; box-shadow: 0 1px 1px #111; font: 14px Georgia !important; }
 .pageBar td a {background: #ba2929; width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; color: #fff; }
 .pageBar td a:hover { color: #2b3036; text-decoration: none;}
 .pageBar td strong { width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; color: #252525; }
 ::selection {background: #363636; color: #fff; }
 ::-moz-selection {background: #363636; color: #fff; }
 ::-o-selection {background: #363636; color: #fff; }
 ::-webkit-selection {background: #363636; color: #fff; }
 img {max-width: 500px !important;}
 #cc { margin: -5px 0 0 -200px; }
 span.quote_text { background: #fafbfc; border-bottom: 1px solid #dad4cf; }
 

мгновенная примерка дизайна:

http://АДРЕС ДНЕВНИКА/?design=4432736

Условия использования

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

Скачать макеты

макеты: www.mediafire.com/?god4di9xa67doo7
только названия: www.mediafire.com/?ifldeh8le8w0135

Вопрос: nice!

1. ♥		249	(100%)
Всего:		249

@темы: дизайн

Comments

[captain alinchus]

шикарный дизайн ** особенно мне светлый вариант нравится))

[.evenstar.]

можно мне изменить название дневника,пожалуйста?
сейчас у меня простой,но на сентябрь как раз CSS подключу.
Название дневника-Light Up The World,дизайн-голубой и оранжевый.
P.S Оба варианта прекрасны

[yolenev]

nice!

и это, бллин, слабо сказано!!! офигенно!

[грецкий орешек]

возьму второй, спасибо большое)
и, если не сложно, название дневника. - TRÄUMEREI.
если шрифт "Ä" не читает, то можно заменить на обычную А, это не принципиально.

[dead_mockingbird]

Sky_is_over
ага, сама его ношу. :3

~Starlight~, держите: i.imgur.com/iPqMf.png

[dead_mockingbird]

last_junior, аняня, спасибо! было сделано с душой. :3

грецкий орешек, пожалуйста! да, с точками не получится, мало того что шрифт не поддерживает, но и высота картинки поменяется, нужно будет править код. но без точек вот, ловите - i.imgur.com/bjoJt.png

[.evenstar.]

dead_mockingbird ,спасибо)

[грецкий орешек]

dead_mockingbird, тогда тем более)
еще раз огромное мерси)

[random_way]

классный!)

[dead_mockingbird]

грецкий орешек, носите на здоровье!
-emilly-strange-, спасибо :3

[Makoto13]

как всегда, идеально.
Я восхищаюсь вашими дизайнами.
Красиво, стильно и грамотно.

[dead_mockingbird]

Makoto13, аррр, спасибо. такие отклики всегда мотивируют меня на продолжение этого дела :3

[winterwolf]

О, а про примерку дизайна я не знал, удобная вещь.

[dead_mockingbird]

winterwolf, странно, я уже около года ее рекламирую своим примером. действительно удобнее сначала просто примерить и определиться, чем долго морочиться с настройкой, а потом передумать.

[Makoto13]

dead_mockingbird
не за что. Я действительно в восторге.
Сочетание красивого дизайна и удобного интерфейса, это редко найдешь даже на сайтах.
Еще очень нравится именно ваша стилистика. Я бы сказала это вкусно.
Желаю творческих успехов и новых идей ))))

[dead_mockingbird]

Сочетание красивого дизайна и удобного интерфейса, это редко найдешь даже на сайтах.

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

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

еще раз спасибо, буду продолжать в том же духе. :3

[кин.]

все как всегда-цвета, формат-прекрасно.

[.Vozduh]

dead_mockingbird, первые два камента в коде — гениальны! *салют и трубы*
"Настройки" у посторонних под "добавить в избранное"? *___*

[polishastik]

<3<3<3

как всегда прекрасно) а ещё можно попросить сделать название для голубого и оранжевого? если да, то "Laugh, I nearly died"

как всегда, просто ахринительнопрекрасноебаныйтыжврот *_*_*_*_*
А можно мне название дневника - Lost in translation
вариант синий/красным
а какое название шрифта?) хочу себе в коллекцию

спасибо большое. это кусочек счастья *_*

[dead_mockingbird]

Kin., ох, спасибо.

mahini

первые два камента в коде — гениальны!

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

"Настройки" у посторонних под "добавить в избранное"?

ага :3

polishastik love love love

mad now

ахринительнопрекрасноебаныйтыжврот

wiiiii!!!!

а какое название шрифта?) хочу себе в коллекцию

скачайте архив с названиями, там шрифт уже лежит.

Nefran, mad now, rasik~, сейчас позавтракаю и сделаю вам названия.

[dead_mockingbird]

Nefran, i.imgur.com/6gdpT.png
из-за наличия запятой картинка больше задуманного стандарта, поэтому как поставите дизайн, отпишитесь мне, я поправлю у вас код немного.

mad now, ловите - i.imgur.com/OveEp.png

dead_mockingbird, спасибо, поставила

[dead_mockingbird]

Nefran, теперь в коде найдите раздел menu и замените выделенные жирным строчки:


{-------------------------------- menu ------------------------------}
#side { margin: 0 0 0 0 !important; position: relative; }
#side ul { visibility: visible; display: block;}
#side h1 A {position: absolute; display: block; width: 670px; height: 94px; top: 160px; left: 139px; text-indent: -99999px !important; outline: 0 !important;}
#side h1 A:hover {background-position: 0 -97px;}
#side h1 A:active {background-position: 0 -95px;}

[Valerie MFM]

тёмный - гениален)
аплодирую стоя) ♥

dead_mockingbird, сделано, спасибо большое)

[dead_mockingbird]

Nefran, пожалуйста. носите с удовольствием!

Valerie MFM, спасибо!

dead_mockingbird спасибо вам, о прекраснейшая из женщин *_*