просто

[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]

lazurnaea, не злитесь. Я не хочу вас обидеть. Просто у этого дизайна есть ограничение. Почему так, я уже объяснила.

[semiautomagic]

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

и у меня вопрос и комментарий по этому поводу..
вопрос — вы разрешаете сменить бэкграунд, а можно ли сменить, скажем, картинку номер 4, где пустое место для аватары? или гарнитуру шрифта?
комментарий — если в этом самом пустом месте вы подразумевали надпись "нет аватара" (нет иконки), то в слове icon у вас ошибка.. там не должно быть буквы Е на конце.
или это не английский вариант?

[.Vozduh]

semiautomagic
Можете сменить картинку №4. Мы обычно не против, когда нас спрашивают и оставляют копирайт на месте.))

…вообще английский, но делать ошибки в словах — это уже, похоже, моё хобби. Спасибо. Поправлю.

[semiautomagic]

mahini,
спасибо) а под копирайтом имеется в виду баннер? или есть что-то ещё?
я просто терпеть не могу ариал ><

[.Vozduh]

semiautomagic, ещё. В самом коде строчка есть с нашим адресом. Она внизу страницы.
А шрифт можно без проблем сменить, в обычных настройках, в коде его нет. Только проследите, чтобы от смены шрифта меню не перекосило. А в остальном проблем быть не должно.))

[semiautomagic]

mahini,
вроде, с меню пока окей... а вот вашего адреса внизу страницы не вижу .... эм, я, конечно, ещё сражаюсь с дизайном - не подходят пока картинки или не хотят грузиться, но вы бы не могли проверить наличие адреса? ну, чтобы потом без претензий и всё такое.. а то мне правда не по глазам

[polishastik]

semiautomagic, адрес есть, все оке!

[semiautomagic]

polishastik,
ура)

[polishastik]

semiautomagic, носите с удовольствием

[.Vozduh]

semiautomagic, у меня ещё просьба будет. )) Фон. Я всё забывала сменить для него код. А тут под запарку вспомнила.
У вас фон, где однозначно нужно соблюдение пропорций.
В первой строке кода есть
-o-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; background-size: 100% 100% !important;
замените на
-o-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important;
И да, носите с удовольствием.))

[semiautomagic]

mahini,
да, я уже поняла про пропорции, стряхнула с фотошопа пыль %)
а что именно будет, если я изменю строчки?

спасибо)) и этот, и тот, что улучшенный от сообщества exactly - все у вас чудные и интересные)

[.Vozduh]

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

Приятно такое слышать. Спасибо за добрые слова.))

[semiautomagic]

ох, простите, что снова я.... -_-
хочу вот ещё что спросить: при написании новой записи в дневнике, в этих дизайнах нет возможности переключаться между визуальным редактором и html кодами? что-то одно по умолчанию стоит или я путаю?)
ы...)) и аватарку нельзя поменять.

[.Vozduh]

semiautomagic, по умолчанию может стоять только в ваших личных настройках дневника. Но в этом дизайне пе прописан цвет текста для формы визуального редактора, и я полагаю из-за этого с ним всё так. Я им не поьзуюсь и даже не вспомнила о нём, когда писала код. а ещё он страшно неудобный
Я могу посмотреть что там точно не то, но не в ближайше время, увы.

[Лунный дождь]

mahini,

Я им не поьзуюсь и даже не вспомнила о нём, когда писала код.

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

[.Vozduh]

Лунный дождь, я не представляю, как им пользоваться. Он же вечно лишние строки рисует, весь код плывёт. Постоянно править приходиться. >___< Я такой корявости ни разу не встречала. Предпросмотр — наше всё. ))

[Лунный дождь]

mahini, бро! *прослезилась*

[.Vozduh]

Лунный дождь, вообще!

[semiautomagic]

mahini,
в целом и согласна, но вот увеличивать и уменьшать шрифт-то можно только через неё... во всяком случае, удобно это делать) ну лады, повожусь с кодами))
а вот убранный выбор аватара - печально. сводит на нет аватарочную опцию..

[.Vozduh]

semiautomagic, такое тоже есть, чего уж…
попробуйте убрать
#change_avatar_box #change_avatar_box a #AvatarSelector
из {-----display:none-------}
должны заработать))

[semiautomagic]

mahini,
теперь - шик))) спасибо!!!

[.Vozduh]

semiautomagic, на здоровье))

[Liquid starlight.]

Еще раз спасибо за дизайн!
Скажите, а можно ли поменять цвет ссылок?

[.Vozduh]

Jack Frost, можно.)) Главное не убирать наш копирайт после этого.)) Ну и поползать по коду вам придётся, конечно.
И носите на здоровье, да.

[Liquid starlight.]

mahini, большое спасибо.) Будем пробовать!

[Хэлли]

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



и еще, если вы все же мне поможете... как можно сделать, чтобы с фиолетовым фоном цвет фоновой записи был черным прозрачным?

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

[.Vozduh]

Хэлли, а вы настройки как указано выставили? Дизайн блочный, навигация слева?
Установите чёрный вариант и поставьте фон от белого. Только так.))
И спасибо. Нам приятно. ^____^

[Хэлли]

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

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

[.Vozduh]

Хэлли, да бывает, я сама забываю порой.))
Надеюсь, вам будет хорошо вместе.)))

Красота какая! Возьму носить, только с другим фоном, раз можно Копирайт оставлю.