просто

[Skazochnik & Volshebnik]

Всё очень просто. Расположение не по канону. В ИЕ ниже 9-ки "ад". Мы предупредили. ^____^
Зато ссылки меню активны по всей области своей подложки, и не надо тянуться к тексту непосредственно. В двух цветах.

Берёте нашь дизайн — ставьте баннер в профиль.
И ещё раз для тех кто в танке и не читает правил. Мы баним тех кто делает на нешем коде дизайны. Баним сообща с другими сообществами, что делают сложные CSS дизайны. Да, мы все друг друга знаем.

№ 1

№ 1

Примерить дизайн

http://АДРЕС ДНЕВНИКА/?design&id=4710063&4f7165d99a9d0

Настройки

Дизайн блочный, навигация слева.

Шрифты
заголовок обычный 16
тест обычный 14
гарнитура Ариал

Цвета
оффтопик #3e3e3e

Картинки
Картинка 1
Картинка 2
Картинка 3
Картинка 4
Картинка 5

Код

{-----картинки-------}
 body, #JournalComments {background:url(' Картинка 1')center center fixed no-repeat !important; -o-background-size: cover
 !important; -moz-background-size: cover !important; background-size: cover !important; padding: 0px !important; margin:0px !important;}
 #add_block1 {left: 0%; top: 0%; background: url(' Картинка 2') !important; width: 100%; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important;}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"],.tonotepadPostLink [src*="postdelite.gif"], .fromnotepadPostLink [src*="postdelite.gif"], .upPostLink:hover [src*="postup.gif"], .delPostLink:hover [src*="postdelite.gif"], .editPostLink:hover [src*="postedit.gif"], .tonotepadPostLink:hover [src*="postdelite.gif"], .fromnotepadPostLink:hover [src*="postdelite.gif"] {background: url(' Картинка 3')no-repeat;}
 .commentAuthor {background: url(' Картинка 4') no-repeat !important;}
 .opac6, .TagJIco {background: url(' Картинка 5') no-repeat ;}
 {-----дальше картинок нет, ничего искать не надо больше-------}
 {-----основа-------}
 #wrapper{width:850px; min-width:950px; margin: 0 !important; padding: 0 !important; float:right !important; color:#818181 !important;}
 #page-c {width:690px !important; }
 #add_block2 {right: 0px !important; top: 0%; background-color: RGBA(0, 0, 0,0.85) !important; width:690px !important; height:100% !important; position:fixed !important; display:block !important; z-index:-1 !important;}
 #page-t { margin: 0 !important; padding: 20px !important;}
 .paragraph div, #addCommentArea, #message, .section, .code, #JournalLinks #page-t, .tags_ul_all {line-height: 24px !important;}
 img {max-width:630px;}
 .singlePost, .singleComment {padding-bottom: 30px !important;}
 {-----display:none-------}
 #thisDiaryLinks, #lastComments, #pchs, #myLinks, #YaSearch, #iAmQuit b, #more_login, .menuSection_title, #thisDiaryOwner_title, #subscribeEmail, #unsubscribeEmail, #tagslistlink, #postsCalendar, #rssLink, #upInChart, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #myQuotLink, #Stats, #myDraftLink, #myNotepadLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, .atTag span, .atMusic, .atMusic span, .atMood, .atMood span, .order_button, #from_form, #change_avatar_box,#change_avatar_box a,#AvatarSelector, #doNotSmile_box, #addPicture_box,#ReplaceBrDiv,#change_bg_area_comm, #vkl li, #side h1 .opac6, #myAccountLink, #editMyFilters, #showInMyDesign {display:none !important;}
 {-----menu-------}
 #side{position:fixed; right:676px !important; color:transparent !important;}
 .menuSection li { height:40px !important; background-color: RGBA(0, 0, 0,0.6); -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
 #globalLinks a, #myDiaryLinks a, #thisDiaryOwner a {position:relative; top: -10px ;display:inline-block; width:164px !important; padding:11px 10px 0px 20px !important; height:30px !important;}
 #mainpageLink {height: 20px !important; padding: 0px 10px 20px 0px !important; }
 #mainpageLink a+a {position:relative; z-index:2 !important; top:-86px !important; margin-left:-10px;}
 .menuSection li:hover {background-color: RGBA(0, 0, 0,0.85) !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .menuSection a, #side h1 a, #myDiaryLink {text-decoration:none !important; font-variant:small-caps!important; text-transform: lowercase;font-weight: bold;}
 .count_box {font-size: 11px; }
 #myDiaryLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left: 103px;}
 #umailLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:63px;}
 #discussionLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:90px;}
 #myCommunityLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:130px;}
 #myDiaryLink .count_box a, #umailLink .count_box a, #discussionLink .count_box a, #myCommunityLink .count_box a {background-color: RGBA(0, 0, 0,0.85); position:absolute; display:block; width:auto !important; height:10px !important; padding: 6px 10px 9px 10px !important; -moz-border-radius: 15px; -wenkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}
 #myDiaryLink a, #writeThisDiary a, #umailLink a, #myFavLink a, #discussionLink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #mySFavLink a, #myCommunityLink a, .count_box span {color: #e6e6e6 !important;}
 #authorName {font-size: 30px; font-weight: bold; color: RGBA(0, 0, 0,0.85);font-variant:small-caps!important; text-transform: lowercase; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
 #authorName:hover, #side h1 a:hover {color: #000!important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #side h1{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate( -90deg ); position:absolute; display:block; width:600px;height:50px; top:290px; text-align:right; left:50%; margin-left:-430px !important; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; overflow: hidden !important; text-overflow:ellipsishidden !important;}
 #side h1 a {display:block; font-size: 40px; font-weight: bold; color: RGBA(0, 0, 0,0.85)!important; font-variant:small-caps!important; text-transform: lowercase; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #globalLinks, #myDiaryLinks {margin-top:-10px;}
 {-----тело-------}
 .atTag { line-height: 26px !important; color:transparent !important; margin: 0px 0px 10px -5px ;}
 .atTag a{color:#818181 ; background:RGBA(0, 0, 0,0.85); padding: 2px 7px 4px 7px ; border-radius:2px; text-decoration:none; font-style:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .atTag a:hover {color:#131313; background:#e6e6e6; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .header span {color:#818181 ; background:RGBA(0, 0, 0, 0.9); padding: 5px 7px 4px 7px ; border-radius:2px; font-weight:bold;}
 .header h2, #addCommentArea_title, #commentsArea_title, #new_post_title {font-size: 24px; font-weight: bold; color: #c0959c;font-variant:small-caps!important;}
 #commentsArea_title {margin-top: -30px!important;}
 .postDate, .countSecond .postDate {font-size: 14px; color: #91bc8f; text-transform: lowercase;}
 .postLinksBackg {color: #c0959c; font-size: 10px;}
 .postLinksBackg a {color: #c0959c; text-decoration:none !important; text-transform: uppercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ; border: medium none;}
 .postLinksBackg a:hover, #favGroups a:hover { color: #e6e6e6; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 a, .TagL {color: #c0959c; text-decoration:none !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ; border: none !importan;}
 a:hover {color: #e6e6e6; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ; border: none !importan;}
 #favGroups, #favGroups a, .header.left {color: #c0959c; text-transform: uppercase;}
 #JournalComments .paragraph, #JournalDraft .paragraph, #JournalFavorite .paragraph { margin-left: 0px !important;}
 #forTextarea {background-color: RGBA(0, 0, 0,0.85)!important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width:630px !important; display:block;}
 #message {color: #818181; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:#000; display:block; margin-left: -1px !important;}
 .code { color:#818181 !important; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:RGBA(0, 0, 0,0.85); display:block; margin-left: -1px !important; border: none;}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid {color: #c1c1c1 !important; background-color: RGBA(0, 0, 0,0.85)!important;;padding: 5px 10px 5px 10px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
 #JournalPostPreview .paragraph, #JournalQuote .paragraph { margin-left: 0px !important;}
 #JournalLinks .postActionLinks { right: 0px !important; display:block !important; position:relative !important; margin: -20px 0px 0px 0px !important; top: 5px !important;}
 #JournalLinks .postLinks {margin: 0px 10px 0px 0px !important;}
 #JournalLinks #page-t a, #JournalLinks .header {color: #c0959c !important;}
 #JournalLinks #page-t a:hover {color: #e6e6e6 !important;}
 #de#ion {color: #6b5874 !important; padding: 5px 10px 5px 10px !important;}
 .blockquote { margin-left: -28px !important;}
 #JournalComments .singleComment .quote_text {background-color:RGBA(0, 0, 0,0.90); padding: 3px 10px 3px 10px !important; display:block;}
 {-----icon-------}
 .opac6 {width: 0; height: 0; background-position: -16px 1px ; padding: 13px 15px 5px 0px !important; margin-left: 5px !important; opacity:1.0 !important; }
 .TagJIco {background-position: 0px 1px; display:inline-block !important; position:relative !important; width:0px; height:18px; margin: 0px 5px 0px 15px !important; top: 4px !important;}
 .postActionLinks { position:relative !important; top: -15px; opacity:0.5 !important;}
 .upPostLink [src*="postup.gif"] {background-position: -30px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .upPostLink:hover [src*="postup.gif"]{background-position: -30px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink [src*="postdelite.gif"] { background-position: -60px -25px !important; padding: 20px 8px 10px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink:hover [src*="postdelite.gif"] { background-position: -60px 5px !important; padding: 20px 8px 10px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink {margin-right:-5px !important;}
 .editPostLink [src*="postedit.gif"] { background-position: -90px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .editPostLink:hover [src*="postedit.gif"] {background-position: -90px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .tonotepadPostLink [src*="postdelite.gif"], .fromnotepadPostLink [src*="postdelite.gif"] { background-position: 0px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .tonotepadPostLink:hover [src*="postdelite.gif"], .fromnotepadPostLink:hover [src*="postdelite.gif"] { background-position: 0px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 {-----avatar-------}
 .avatar img {width:70px; height: 70px; padding: 5px 5px 5px 5px !important; z-index: 1; background:#000;}
 .commentAuthor {width:630px !important; height: 80px !important; display:block; }
 .postInner {padding: 20px 0px 0px 0px !important;}
 .sign {color:#4b4b4b; position:absolute; display:block; top: 37px !important; right: 5px !important; width: 530px !important; height: 45px;}
 .communityName { position: absolute; width: 530px; right: 35px !important; }
 .authorName, .communityName {-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index: 10; }
 .authorName:hover, .communityName:hover {color: #452a4d; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index: 10;}
 .authorName { margin: 30px 0px -32px 95px !important; width: 530px !important;}
 {-----photo-------}
 #thisDiaryPhoto img {background-color: RGBA(0, 0, 0,0.6); padding:10px !important; width:120px;height:120px; text-decoration:none;}
 {-----голосование-------}
 .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: #91bc8f; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #131313; }
 .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: #c0959c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #131313; }
 .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: #7f9449; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #131313; }
 .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: #d4bbce; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #131313; }
 .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: #bab35b; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #131313; }
 .voting td {vertical-align: baseline;}
 {-----страницы-------}
 #pageBar a {color: #818181; text-decoration: none !important; font-size: 14px; font-style: normal !important; background-color: RGBA(0, 0, 0,0.85); padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
 #pageBar a:hover {color: #131313; text-decoration: none !important; font-size: 14px; font-style: normal !important; background-color: #e6e6e6; padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin: 0px 1px 0px 1px !important;}
 #pageBar strong {color: #131313; background-color: #e6e6e6; padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
 #pageBar {padding:0px; position:relative !important;}
 .pages_str td {width:640px !important; left:50%;margin-left:-320px; position:absolute; display:block;}
 .pages_str td a{position:relative; z-index:2; }
 #pageBar tr a {position:relative; z-index:3;}
 {-----вход-------}
 #login_form { position:relative !important; display:inline-block; left:5px; height:100px !important; width:174px !important; background-color: RGBA(0, 0, 0,0.6); margin: 0px 0px -19px 0px !important; padding: 10px 0px 10px 20px!important;}
 #login_form a, #login_form input.submit, .submit {color: #818181 !important;}
 #usrpass {position:relative !important; top: 30px; left:-110px;}
 #usrlog {position:relative !important; left:0px;}
 #login_form input.submit {opacity:1.0 !important; position:relative !important; left:-50px !important; width:50px !important; height: 26px; top:2px; margin: 0px 0px 1px 0px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: RGBA(250, 250, 250,0.85)!important;}
 #login_form td span {display:none !important;}
 {-----кнопки-------}
 .submit {opacity:1.0 !important; padding: 0px 0px 4px 0px !important; height: 26px; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: RGBA(0, 0, 0,0.85)!important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .submit:hover {color:#131313 !important; background-color:#e6e6e6 !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #extrabottom:after { color: #818181; content: "design by orden-css.diary.ru ©2012"; display: block; margin-top: 30px; padding-bottom: 30px; position: absolute; text-align: right; text-transform: lowercase; width: 900px; z-index: 2;}

№ 2

№ 2

Примерить дизайн

http://АДРЕС ДНЕВНИКА/?design&id=4687577&4f7151e5b9b7b

Настройки

Дизайн блочный, навигация слева.

Шрифты
заголовок обычный 16
тест обычный 14
гарнитура Ариал

Цвета
оффтопик #cbb8d4

Картинки
Картинка 1
Картинка 2
Картинка 3
Картинка 4
Картинка 5

Код

{-----картинки-------}
 body, #JournalComments {background:url(' Картинка 1')center center fixed no-repeat !important; -o-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; padding: 0px !important; margin:0px !important;}
 #add_block1 {left: 0%; top: 0%; background: url(' Картинка 2 ') !important; width: 100%; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important;}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"],.tonotepadPostLink [src*="postdelite.gif"], .fromnotepadPostLink [src*="postdelite.gif"], .upPostLink:hover [src*="postup.gif"], .delPostLink:hover [src*="postdelite.gif"], .editPostLink:hover [src*="postedit.gif"], .tonotepadPostLink:hover [src*="postdelite.gif"], .fromnotepadPostLink:hover [src*="postdelite.gif"] { background: url(' Картинка 3 ')no-repeat;}
 .commentAuthor {background: url(' Картинка 4 ') no-repeat !important;}
 .opac6, .TagJIco {background: url(' Картинка 5 ') no-repeat ;}
 {-----дальше картинок нет, ничего искать не надо больше-------}
 {-----основа-------}
 #wrapper{width:850px; min-width:950px; margin: 0 !important; padding: 0 !important; float:right !important; color:#6b5874 !important;}
 #page-c {width:690px !important; float:right !important; }
 #add_block2 {right: 0%; top: 0%; background-color: RGBA(250, 250, 250,0.85) !important; width:690px !important; height:100% !important; float: left !important; position:fixed !important; display:block !important; z-index:-1 !important;}
 #page-t { margin: 0 !important; padding: 20px !important;}
 .paragraph div, #addCommentArea, #message, .section, .code, #JournalLinks #page-t, .tags_ul_all {line-height: 24px !important;}
 img {max-width:630px;}
 .singlePost, .singleComment {padding-bottom: 30px !important;}
 {-----display:none-------}
 #thisDiaryLinks, #lastComments, #pchs, #myLinks, #YaSearch, #iAmQuit b, #more_login, .menuSection_title, #thisDiaryOwner_title, #subscribeEmail, #unsubscribeEmail, #tagslistlink, #postsCalendar, #rssLink, #upInChart, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #myQuotLink, #Stats, #myDraftLink, #myNotepadLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, .atTag span, .atMusic, .atMusic span, .atMood, .atMood span, .order_button, #from_form, #change_avatar_box,#change_avatar_box a,#AvatarSelector, #doNotSmile_box, #addPicture_box,#ReplaceBrDiv,#change_bg_area_comm, #vkl li, #side h1 .opac6, #myAccountLink, #editMyFilters, #showInMyDesign {display:none !important;}
 {-----menu-------}
 #side{position:fixed; right:676px !important;color:transparent !important;}
 .menuSection li { height:40px !important; background-color: RGBA(250, 250, 250,0.6); -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
 #globalLinks a, #myDiaryLinks a, #thisDiaryOwner a {position:relative; top: -10px ;display:inline-block; width:164px !important; padding:11px 10px 0px 20px !important; height:30px !important;}
 #mainpageLink {height: 20px !important; padding: 0px 10px 20px 0px !important; }
 #mainpageLink a+a {position:relative; z-index:2 !important; top:-86px !important; margin-left:-10px;}
 .menuSection li:hover {background-color: RGBA(250, 250, 250,0.85) !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .menuSection a, #side h1 a, #myDiaryLink {text-decoration:none !important; font-variant:small-caps!important; text-transform: lowercase;font-weight: bold;}
 .count_box {font-size: 11px; }
 #myDiaryLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left: 103px;}
 #umailLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:63px;}
 #discussionLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:90px;}
 #myCommunityLink .count_box {display:block; position:absolute; margin-top: -59px; margin-left:130px;}
 #myDiaryLink .count_box a, #umailLink .count_box a, #discussionLink .count_box a, #myCommunityLink .count_box a {background-color: RGBA(250, 250, 250,0.85); position:absolute; display:block; width:auto !important; height:10px !important; padding: 6px 10px 9px 10px !important; -moz-border-radius: 15px; -wenkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}
 #myDiaryLink a, #writeThisDiary a, #umailLink a, #myFavLink a, #discussionLink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a, #mySFavLink a, #myCommunityLink a, .count_box span {color: #452a4d !important;}
 #authorName {font-size: 30px; font-weight: bold; color: RGBA(250, 250, 250,0.85);font-variant:small-caps!important; text-transform: lowercase; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
 #authorName:hover, #side h1 a:hover {color: #fff!important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #side h1{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate( -90deg ); position:absolute; display:block; width:600px;height:50px; top:290px; text-align:right; left:50%; margin-left:-430px !important; -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; overflow: hidden !important; text-overflow:ellipsishidden !important;}
 #side h1 a {display:block; font-size: 40px; font-weight: bold; color: RGBA(250, 250, 250,0.85)!important; font-variant:small-caps!important; text-transform: lowercase; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #globalLinks, #myDiaryLinks {margin-top:-10px;}
 {-----тело-------}
 .atTag { line-height: 26px !important; color:transparent !important; margin: 0px 0px 10px -5px ;}
 .atTag a{color:#cbb8d4 ; background:RGBA(250, 250, 250,0.85); padding: 2px 7px 4px 7px ; border-radius:2px; text-decoration:none; font-style:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .atTag a:hover {color:#6b5874; background:#cbb8d4; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .header span {color:#cbb8d4 ; background:RGBA(250, 250, 250, 0.9); padding: 5px 7px 4px 7px ; border-radius:2px; font-weight:bold;}
 .header h2, #addCommentArea_title, #commentsArea_title, #new_post_title {font-size: 24px; font-weight: bold; color: #c0959c;font-variant:small-caps!important;}
 #commentsArea_title {margin-top: -30px!important;}
 .postDate, .countSecond .postDate {font-size: 14px; color: #91bc8f; text-transform: lowercase;}
 .postLinksBackg {color: #c0959c; font-size: 10px;}
 .postLinksBackg a {color: #c0959c; text-decoration:none !important; text-transform: uppercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ; border: medium none;}
 .postLinksBackg a:hover, #favGroups a:hover { color: #452a4d; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 a, .TagL {color: #c0959c; text-decoration:none !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ;}
 a:hover {color: #452a4d; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px 0px ;}
 #favGroups, #favGroups a, .header.left {color: #c0959c; text-transform: uppercase;}
 #JournalComments .paragraph, #JournalDraft .paragraph, #JournalFavorite .paragraph { margin-left: 0px !important;}
 #forTextarea {background-color: RGBA(250, 250, 250,0.85); -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width:630px !important; display:block;}
 #message {color: #6b5874; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:#fff; display:block; margin-left: -1px !important;}
 .code { color:#6b5874 !important; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:RGBA(250, 250, 250,0.85); display:block; margin-left: -1px !important;}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid {color: #6b5874 !important; background-color: RGBA(250, 250, 250,0.85) !important; padding: 5px 10px 5px 10px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
 #JournalPostPreview .paragraph, #JournalQuote .paragraph { margin-left: 0px !important;}
 #JournalLinks .postActionLinks { right: 0px !important; display:block !important; position:relative !important; margin: -20px 0px 0px 0px !important; top: 5px !important;}
 #JournalLinks .postLinks {margin: 0px 10px 0px 0px !important;}
 #JournalLinks #page-t a, #JournalLinks .header {color: #c0959c !important;}
 #JournalLinks #page-t a:hover {color: #6b5874 !important;}
 #de#ion {color: #6b5874 !important; padding: 5px 10px 5px 10px !important;}
 .blockquote { margin-left: -28px !important;}
 #JournalComments .singleComment .quote_text {background-color:RGBA(250, 250, 250,0.90); padding: 3px 10px 3px 10px !important; display:block;}
 {-----icon-------}
 .opac6 {width: 0; height: 0; background-position: -16px 1px ; padding: 13px 15px 5px 0px !important; margin-left: 5px !important; opacity:1.0 !important; }
 .TagJIco {background-position: 0px 1px; display:inline-block !important; position:relative !important; width:0px; height:18px; margin: 0px 5px 0px 15px !important; top: 4px !important;}
 .postActionLinks { position:relative !important; top: -15px; opacity:0.5 !important;}
 .upPostLink [src*="postup.gif"] {background-position: -30px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .upPostLink:hover [src*="postup.gif"]{background-position: -30px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink [src*="postdelite.gif"] { background-position: -60px -25px !important; padding: 20px 8px 10px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink:hover [src*="postdelite.gif"] { background-position: -60px 5px !important; padding: 20px 8px 10px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .delPostLink {margin-right:-5px !important;}
 .editPostLink [src*="postedit.gif"] { background-position: -90px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .editPostLink:hover [src*="postedit.gif"] {background-position: -90px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .tonotepadPostLink [src*="postdelite.gif"], .fromnotepadPostLink [src*="postdelite.gif"] { background-position: 0px -25px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .tonotepadPostLink:hover [src*="postdelite.gif"], .fromnotepadPostLink:hover [src*="postdelite.gif"] { background-position: 0px 5px !important; padding: 25px 5px 5px 0px !important; height:0px !important; overflow:hidden !important; width:20px;}
 {-----avatar-------}
 .avatar img {width:70px; height: 70px; padding: 5px 5px 5px 5px !important; z-index: 1; background:#fff;}
 .commentAuthor {width:630px !important; height: 80px !important; display:block; }
 .postInner {padding: 20px 0px 0px 0px !important;}
 .sign {color:#cbb8d4; position:absolute; display:block; top: 37px !important; right: 5px !important; width: 530px !important; height: 45px;}
 .communityName { position: absolute; width: 530px; right: 35px !important; }
 .authorName, .communityName {-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index: 10; }
 .authorName:hover, .communityName:hover {color: #452a4d; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index: 10;}
 .authorName { margin: 30px 0px -32px 95px !important; width: 530px !important;}
 {-----photo-------}
 #thisDiaryPhoto img {background-color: RGBA(250, 250, 250,0.6); padding:10px !important; width:120px;height:120px; text-decoration:none;}
 {-----голосование-------}
 .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: #91bc8f; padding: 10px 0 0 0; height: 0px; 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: #c0959c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .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: #7f9449; padding: 10px 0 0 0; height: 0px; 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: #d4bbce; padding: 10px 0 0 0; height: 0px; 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: #bab35b; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting td {vertical-align: baseline;}
 {-----страницы-------}
 #pageBar a {color: #cbb8d4; text-decoration: none !important; font-size: 14px; font-style: normal !important; background-color: RGBA(250, 250, 250,0.85); padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
 #pageBar a:hover {color: #6b5874; text-decoration: none !important; font-size: 14px; font-style: normal !important; background-color: #cbb8d4; padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin: 0px 1px 0px 1px !important;}
 #pageBar strong {color: #6b5874; background-color: #cbb8d4; padding: 3px 7px 3px 7px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
 #pageBar {padding:0px; position:relative !important;}
 .pages_str td {width:640px !important; left:50%;margin-left:-320px; position:absolute; display:block;}
 .pages_str td a{position:relative; z-index:2; }
 #pageBar tr a {position:relative; z-index:3;}
 {-----вход-------}
 #login_form { position:relative !important; display:inline-block; left:5px; height:100px !important; width:174px !important; background-color: RGBA(250, 250, 250,0.6); margin: 0px 0px -19px 0px !important; padding: 10px 0px 10px 20px!important;}
 #login_form a, #login_form input.submit, .submit {color: #6b5874 !important;}
 #usrpass {position:relative !important; top: 30px; left:-110px;}
 #usrlog {position:relative !important; left:0px;}
 #login_form input.submit {opacity:1.0 !important; position:relative !important; left:-50px !important; width:50px !important; height: 26px; top:2px; margin: 0px 0px 1px 0px !important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: RGBA(250, 250, 250,0.85)!important;}
 #login_form td span {display:none !important;}
 {-----кнопки-------}
 .submit {opacity:1.0 !important; padding: 0px 0px 4px 0px !important; height: 26px; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: RGBA(250, 250, 250,0.85)!important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .submit:hover {color:#6b5874 !important; background-color:#cbb8d4 !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #extrabottom:after { color: #6b5874; content: "design by orden-css.diary.ru ©2012"; display: block; margin-top: 30px; padding-bottom: 30px; position: absolute; text-align: right; text-transform: lowercase; width: 900px; z-index: 2;}

Фото на фон мы брали тут. При желании можете подобрать себе другой фон. Размер берите 1280х800.

@темы: можно носить

Comments

[.Vozduh]

D.N.K, разобрались. Главную теперь должно быть видно.

Но у меня ещё просьба к D.N.K и asiaticbunny. Мы немного подправили код дизайнов. Скопируйте из поста ту часть что после {-----дальше картинок нет, ничего искать не надо больше-------} и замените у себя.

[D.N.K]

.Vozduh, огромное спасибо за помощь!Теперь все,как на Вашем скрине!)

[.Vozduh]

D.N.K, на здоровье.))

[ingred-in-red]

Здравствуйте, у вас просто волшебные дизайны (:
хотелось взять темный вариант, но вот беда - после редактирования кода (добавление картинок) часть кода url('картинка') заменяетcя на #, т.е. на пустоту.
Есть ли возможность исправить это дело?

[.Vozduh]

ingred-in-red, если вы картинки залили в свою БИ и добавляете ссылки так url('/userdir/2/3/8/9/238953/74138721.jpg')
то такого не будет происходить. Попробуйте ещё разок.
И спасибо за тёплые слова.))

[ingred-in-red]

.Vozduh, мерси (:
давно не работала с кодами, забылось

[.Vozduh]

ingred-in-red, бывает.))

[ingred-in-red]

.Vozduh, а вы не против, если кое-какие моменты (размер текста, цвет текста, ссылки для отображения) изменяются в коде?
Баннер по окончанию будет поставлен в профиле, конечно же (:

[.Vozduh]

ingred-in-red, когда нас предупреждают и ставят баннер — не против. Когда с нами разговаривают, то вообще можно о многом договорится.
И желаю вам удачи в смене цвета. Там по коду придётся полазить основательно. ))

[ingred-in-red]

.Vozduh, да, уже видно (:
спасибо еще раз (:

[.Vozduh]

ingred-in-red, на здоровье. ^___^

[ingred-in-red]

.Vozduh, сможете подсказать, где ошибка?
я увеличила ширину на 200px, но когда пишешь комментарий - появляется прокрутка по ширине, а сама форма комментария по ширине не увеличивается. Где можно прописать, чтоб она не крутилась в ширину относительно общей ленты?
часть кода, где я что-то увеличивала, ну и в меню подкрутила, чтоб не залезало на посты.

 #wrapper{width:1000px; min-width:1000px; margin: 0 !important; padding: 0 !important; float:right !important; color:#818181 !important;}
 #page-c {width:890px !important; }
 #add_block2 {right: 0px !important; top: 0%; background-color: RGBA(0, 0, 0,0.85) !important; width:890px !important; height:100% !important; position:fixed !important; display:block !important; z-index:-1 !important;}

линк на скриншот

[.Vozduh]

ingred-in-red, в разделе "тело" подряд идёт три строки

#forTextarea {background-color: RGBA(0, 0, 0,0.85)!important; -moz-border-radius: 2px; -wenkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width:630px !important; display:block;}
 #message {color: #818181; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:#000; display:block; margin-left: -1px !important;}
 .code { color:#818181 !important; max-width:610px !important; min-width:610px !important; padding: 10px !important; background-color:RGBA(0, 0, 0,0.85); display:block; margin-left: -1px !important; border: none;}

В первой строке у вас стоит значение из-за которого появляется скрол. Его просто нужно уменьшить.
Вторая строка — поле ввода сообщения.
Третья — описывает ширину тега [CODE][/CODE] Тоже посмотрите что с ним.
И при увеличении ширины, у пользователей с экранами по ширине 1024, дизайн не будет помещаться в экран. это я так. предупреждаю. ))

[ingred-in-red]

.Vozduh, мерси, все встало на свои места (:

[+Aia]

Огромное вам спасибо! Я мечтала о чем-то подобном уже несколько лет, но у самой знаний и терпения не хватало) А тут такая находка!
У меня другой фон и другого цвета "точки")))
Копирайты сохранены, конечно же!

[.Vozduh]

+Aia, ыыы)) Наслаждайтесь.

[Di Hold]

Какой прекрасный дизайн! ) Стянула себе ^^) Если что, лишь фон могу поменять, ибо тема немного не цветочная у меня ).

[.Vozduh]

Di Hold, фон именно то, что просто необходимо менять. Всем же нужно разное.))
Носите с удовольствием, уважаемая прелестница.

[Di Hold]

.Vozduh, юхуху! Спасибо)

[Kurapika-kun]

Нашла дизайн, который подойдет по моему вкусу. :33
Спасибо большое)

Красивый такой дизайн)

[.Vozduh]

Kurapika-kun, носите с удовольствием. ^__^

[Kurapika-kun]

Хорошо :з
Щас поднастраиваю дизайн + поставлю баннер в профиль с:

[Kurapika-kun]

Кстате, а как фон поставить? о.о
Я не могу поставить нормально.

[.Vozduh]

Kurapika-kun, для начала вам придётся оплатить БИ, чтобы можно было загрузить большое фото. Мы делали этот дизайн до того, как платные сервисы переформатировали. Грусть-печаль... Все изображения для дизайна должны находиться в вашей БИ
А потом вставляете так url('/userdir/2/3/8/9/238953/74138621.jpg') , то бишь не полную ссылку.

[Kurapika-kun]

в URL это куда вставлять?
в css или как?

[.Vozduh]

Kurapika-kun, в самом начале кода есть блок {-----картинки-------} Там собраны все изображения дизайна, что нужно вставить. Если мы смотрим первую строчку кода body, #JournalComments {background:url(' Картинка 1')… То есть url уже есть, нужно только ссылки на картинки из БИ вставить.
К слову, первая строка и отвечает за фон.

[Kurapika-kun]

Оооо, получилось, спасибо большое за помощь. ^w^

[.Vozduh]

Kurapika-kun, на здоровье.))

[Fatall Error]

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

[.Vozduh]

Fatall Error, глупости какие.))) Спасибо за приятные слова и носите с удовольствием.