просто

[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

[TheHappyEnd]

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

[.Vozduh]

TheHappyEnd, всё правда.
Надо как-нибудь рискнуть здоровьем динамический таки попробовать замутить.

[Кэт.]

дизайны очень красивые, спасибо!

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

[.Vozduh]

Кэт., а вы картинки в свою библиотеку изображений загружаете и ссылки из неё вставляте в код?

[Кэт.]

mahini, да

[.Vozduh]

Кэт., странно тогда. Я сейчас у вас вижу строчки с картинками так
.commentAuthor {background: # no-repeat !important;}
а должно быть так
.commentAuthor {background: url ('/userdir/2/3/8/9/238953/74138721.jpg') no-repeat !important;}
Если всё верно вставлено и из вашего БИ, то проблем быть не должно. Попробуйте ещё разок.

[Кэт.]

mahini, ок, сейчас попробую

[TheHappyEnd]

Надо как-нибудь рискнуть здоровьем динамический таки попробовать замутить.

Красивый динамический дизайн это мечта всей жизни, никак иначе.)

[.Vozduh]

TheHappyEnd, ну да. С нынешним положение дел на дайри "красивый динамический дизайн" звучит именно что как мечта. Но надо подумать. ))

[Кэт.]

mahini, все, получилось)) спасибо за диз еще раз

[.Vozduh]

Кэт., я рада.)) Спасибо, что носите.))

[TheHappyEnd]

Ох, попробовала себе поставить и зайти с телефона. Чертов Windows Phone, чертов IE

[.Vozduh]

TheHappyEnd, представляю. Вы бесстрашны, хочу заметить.
Но у всех приличных браузеров есть мобильные версии. Или с установкой не всё так просто? Сама телефон как плеер юзаю чаще. XD

[TheHappyEnd]

mahini, легче сделать сальто через голову, чем установить на Windows Phone программу, которой нет в Market Place. Не, как-то, наверное, можно, но это надо порыться в закромах тематических форумов, которые Гугл почему-то не цепляет.

А дизайн всё же оставлю. Хотя бы на время. Радости эстета намного больше, чем негодования блоггера

[.Vozduh]

TheHappyEnd, оу... сочувствую. А у вас ИЕ там какой стоит? В полновесной 9-ке всё даже сносно помнится было.

[TheHappyEnd]

mahini, хорошо, если 7-ая хотя бы. Иногда предлагает обновить до следующей версии, но только качает обновления и устанавливать их не желает.(

[.Vozduh]

TheHappyEnd, подло с его стороны… опять же сочувствую.

[Канжар]

это круто) огромное спасибо *утащил носить*

[.Vozduh]

N.AEMNIK, пожалуйста. ^____^

[TheHappyEnd]

Меняю фон почти каждый день, не могу народоваться
Но есть одна проблема: очень тяжело выделить ник. Это поправимо или следует смириться?

[.Vozduh]

TheHappyEnd, дайри… это какой-то бермудский треугольник. Беру работающий код и полностью переношу в ваш дневник — код перестаёт работать. xD
эту строку
.authorName { margin: 30px 0px -32px 95px !important; width: 530px !important; height: 20px !important;}
замените на эту
.authorName { position:relative; margin: 30px 0px -32px 95px !important; width: 530px !important; height: 20px !important; z-index: 10 !important;}

[TheHappyEnd]

mahini, теперь всё замечательно. Спасибо Вам огромное.)

[.Vozduh]

TheHappyEnd, на здоровье.))

[TheHappyEnd]

mahini, простите, знаю, что не по теме, но просто очень интересно: на Дайрях вообще возможно сделать так, чтобы в личном дневнике (не сообществе) аватар у поста отображался и на главной странице дневника, а не только на странице самого поста?
Надеюсь, понятно объяснила, а не как обычно

[.Vozduh]

TheHappyEnd, в вёрстке дневника нет аватара непосредственно на странице дневника, можно сделать лишь псевдо аварата. То бишь прописать его, как фон к посту. Но аватара будет всего 2 (чётный/нечётный пост).

[TheHappyEnd]

mahini, эх, жалко.(
Спасибо за ответ.

[.Vozduh]

TheHappyEnd, на здоровье.)) На соо ксс не раз поднималось, но, как это водиться, найти сложно.
И я бы сказала " Ура! Вариант таки есть." ))) Вообще можно прописывать каждому посту свой фон, но это уже изврат. И каждый раз при написании псто надо лезть в ксс. Хотя совместитель способы тоже можно, но всё равно изврат.

[TheHappyEnd]

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

[.Vozduh]

TheHappyEnd, ох… они бы для начала убрали удвоение некоторых ссылок из меню, и сделали рабочим приостановление платных серверов, а не как сейчас. И код бы не плясал при переносе из одного дневника в другой.
Зато у нас есть ни разу не интерактивное краткое избранное, что по мне так весь смысл этого избранного лишает, и необходимость правки из-за него старых ксс дизов. Может они уже забили на дари, как нечто беспреспективое, и сайт просто доживает свой век, но, опять же по мне, бесперспективно то, что не развивается.

[TheHappyEnd]

mahini, грустно, если это так. Сайт-то хороший х(