До этого

UPD: так и не доделала эту кнопочку с темами записей и вряд ли доделаю, тем более, что уже есть идея для новой схемы. Тем не менее, в остальном дизайн вполне рабочий и вроде как везде нормально отображается. Если кто-то поставит и найдёт баг, то напишите мне в комментарии или на U-mail — исправлю

Копирайт просьба не убирать!

Знаю, что картинок много, но пока умею только так х(

Дизайн: блочный
Панель: сверху

Цвет заголовка #bca55f Записи #6e6038
Ссылки #c9c451 Оффтопика #c0c5d5

Гарнитуру и размеры шрифтов не трогаем.

Код
 body {background: #fef3df;margin:0; padding:0; font-family:Cambria, Georgia; font-size:14 }
 #wrapper {min-width: 900px !important; width: 900 margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0 bottom: 0px !important;}
 .bordered {border: none !important;}
 img {max-width: 100%;}
 #add_block1 {background: url('ФОН ШАПКИ') repeat-x; height: 420 width: 100% !important; position: absolute; top: 0 left: 0 z-index: -1;}
 #extratop {background: url('ШАПКА') no-repeat; height: 420 width: 800 margin: 0 auto !important; padding: 0 !important; position: relative; top: -1 }
 #extrabottom {background: url('НИЗ') no-repeat; height: 60 width: 300 float:right; position: relative; bottom: 30}
 {-------menu--------}
 #thisDiaryPhoto {display: block !important; visibility: visible !important; position: absolute; top: 40 left: -780 background: url('ПОДЛЛОЖКА') no-repeat;}
 #thisDiaryPhoto img {visibility:visible !important; display:block; max-width: 100 max-height: 100 margin: -5px -5px -5px -5px !important;}
 #side h1 {position: absolute; top: 60 left: 590}
 #side h1 a{font: normal 30px Cambria, Georgia; color: #6e6038 !important;}
 #authorName {position: absolute; top: 80}
 #myDiaryLinks {position: absolute; top: 67 left: 130}
 #thisDiaryOwner {position: absolute; top: 222 left: 130}
 #globalLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #thisDiaryPhoto { display: block !important; visibility: visible !important;}
 #myDiaryLinks_title {display:none;}
 #myDiaryLinks li {font-size: 14 color:#8a7946;}
 #thisDiaryOwner li {font-size: 14 color:#8a7946;}
 .count_box span {background: #c0c5d5; padding: 5 -moz-border-radius: 50 border-radius: 50 position: relative; left: 5 color: #fef3dc; font: bold 12px Cambria, Georgia;}
 #myDiaryLink .count_box a, #umailLink .count_box a, #discussionLink .count_box a, #myCommunityLink .count_box a {background: #c0c5d5; padding: 5 -moz-border-radius: 50 border-radius: 50 position: relative; color: #fef3dc; font: bold 12px Cambria, Georgia; width:auto !important; height:10px !important; padding: 6px 10px 6px 10px !important;}
 .count_box {color: transparent;}
 #mainpageLink a{background: url('ССЫЛКИ1') -158px no-repeat; width:40 height:40 display:block; overflow:hidden; text-indent:-999 position: absolute; top: -300left: 830}
 #mainpageLink a:hover {background: url('ССЫЛКИ2') -158px no-repeat; width:40 height:40 display:block; overflow:hidden;}
 #writeToAuthor a {background: url('ССЫЛКИ1') no-repeat; width:40 height:40 display:block; overflow:hidden; text-indent:-999 position: absolute; top: -92left: 669}
 #writeToAuthor a:hover {background: url('ССЫЛКИ2') no-repeat; width:40 height:40 display:block;}
 #addToFav a, #delFromFav a {background: url('ССЫЛКИ1')-118px no-repeat; width:40 height:40 display:block; overflow:hidden; text-indent:-999 position: absolute; top: -92left: 623}
 #addToFav a:hover, #delFromFav a:hover {overflow: visible; font-size: 12 line-height: 95 text-indent: -40 text-decoration:none; text-transform: lowercase; color:#969da8;}
 #writeToAuthor a:hover {overflow:visible; font-size: 12line-height: 95 text-indent: -35 text-decoration:none; text-transform: lowercase; color:#969da8;}
 #TagsList a{width:20px!important; white-space: pre-line;}
 #TagsList ul {background: url('ПОДЛОЖКА4'); border: 1px solid #adb5c0; position: relative; top: 5}
 #TagsList span{padding: 5px 0px 0px 0 color: #31476d;}
 #TagsList ul a{color:#74787e; font: normal 12px Cambria;}
 #TagsList li {display:block; float:left; width:125px!important; margin-right:8px!important; !important; line-height: 0.2em !important; margin-bottom: 5px !important; margin-left:2px!important; margin-top: 3px !important;}
 #TagsList ul {width: 270 padding:0px !important; }
 {-------posts--------}
 #epigraph .header {display:none;}
 #epigraph { background: url('ФОН') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 5px 15px !important; display: block; -webkit-border-radius: 0px 0px 0px 40 border-radius: 0px 0px 0px 0 border: 1px solid #f4e8cc; color: #ccb88a; width: 860}
 .singlePost .header {width: 880 border-bottom:2px dashed #ede4a4; padding:5px 0px 8px 10px !important;}
 .header span {background: url('ФОН') !important; font: bold 25px Cambria, Georgia; color: #8a7946 !important; padding: 5 position: relative; left: -10 -moz-border-radius: 20 border-radius: 20}
 .header h2 {font: normal 25px Cambria, Georgia; color: #bca55f !important; padding: 3 position: relative; left: -10}
 span.quote_text { background: url('ПОДЛОЖКА2') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 8px 15px !important; display: block; -webkit-border-radius: 0px 40px 0px 40 border-radius: 0px 40px 0px 40 border: 1px solid #adb6c5; color: #878f9a;}
 span.quote_text a {color: #969da8;}
 .postLinksBackg {width: 880 border-bottom:1px dashed #ede4a4; border-top:1px dashed #ede4a4; padding:5px 0px 5px 10px !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 14 color:#8a7946; font-weight:bold;}
 .atMusic em:before {content: "музыка:"; font-size: 14 color:#8a7946; font-weight:bold;}
 .atMood em:before {content: "настроение:"; font-size: 14 color:#8a7946; font-weight:bold;}
 .comments a {font-size: 14 color:#8a7946; font-weight:bold;}
 .comments_count_link {color:#fef3df;}
 .comments_count_link a {font-size: 14 color:#8a7946; font-weight:bold;}
 .atTag a{font-style:normal; font-size: 13 color:#a49464;}
 .postDate {position: relative; left:10 color: #9599aa !important; font-weight: bold !important;}
 {-------comments--------}
 .avatar img {max-width: 100 padding: 5}
 .avatar {background: url('ПОДЛОЖКА3'); max-width: 110}
 .commentAuthor a {color: #8a7946 !important;}
 .sign {font: italic; color: #bca55f !important;}
 .singleComment .header span {background: url('ФОН') !important; font: bold 14px Cambria, Georgia; color: #8a7946 !important; padding: 5 position: relative; left: -10 -moz-border-radius: 20 border-radius: 20}
 .singleComment span.quote_text { background: url('ПОДЛОЖКА2') !important; margin: 0px 0px 0px 0px !important; padding: 15px 15px 5px 15px !important; display: block; -webkit-border-radius: 0px 20px 0px 20 border-radius: 0px 20px 0px 20 border: 1px solid #adb6c5; color: #878f9a;}
 {------page------}
 .pages_str td {width: 800px !important; }
 .pages_str a {background: #f8ecd0; padding: 7px 15px !important; text-transform: lowercase; text-decoration: none; font: bold 11px Tahoma !important; color: #d8d19d;}
 .pageBar td a { text-decoration: none; font: bold 11px Tahoma !important; background: #f8ecd0; padding: 7px 10px !important; color: #d8d19d;}
 .pageBar td strong { color: #c3ad6a; text-decoration: none; font: bold 13px Tahoma !important; background: #ede4a4; padding: 5px 12px 6px 12px !important;}
 #bottom_up a{background: url('СТРЕЛОЧКА') no-repeat; display:block; color: transparent; font-size:18 font-weight:bold;}
 #bottom_up {position:fixed; right:-165px !important; bottom:95-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up:hover {right:-30px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up a{width:210 height:50 padding: 9px 0px 0px 0}
 #bottom_up a:hover {text-decoration:none !important;}
 {---newpost---}
 #new_post_title {font-size:24}
 .text{border-bottom:1px solid #f5eab2 !important; padding:5px 0px 5px 0px !important;}
 #forTextarea {border:1px solid #f5eab2 !important; padding:5px 0px 5px 0px !important;}
 #message {font-family:Cambria !important;}
 #button_panel .submit, #addCommentArea #btSubmit, #JournalLinks .submit {font-size:13 font-weight: bold; text-transform:uppercase; min-width:180 background: url('ПОДЛОЖКА2') !important; border:1px solid #adb6c5 !important; padding:5px 0px 5px 0px !important; color:#74787e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #button_panel .submit:hover, #button_panel .submit:active, #addCommentArea #btSubmit:hover, #JournalLinks .submit:hover {color:#b1a453 !important; background: url('ПОДЛОЖКА3') !important; border:1px solid #e4da9e !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; text-shadow: none !important;}
 .section {padding:0px !important;}
 {---display:none---}
 #iAmQuit, #YaSearch, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #upInChart, #authorFav, #authorQuote, #authorLinks, #authorAlbum, #communityFav, #communityQuote, #communityAlbum, #photolibLink, #albumLink, #myProfileLink, #myLinksLink, #myNotepadLink, #headlineList, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #more_login, .order_button, .email, .prevnext, #thisDiaryLinks, #globalLinks_title, #thisDiaryOwner_title, #rssLink, #bottom_mainlink, #bottom_randomlink, #bottom_faqlink, #bottom_spiritlink, #Stats a+a {display:none !important;}
Картинки
Смотрите также
