просто

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

Вера Чемберс, спасибо.))

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

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

[.Vozduh]

vetka *, уберите первую строку из кода и загрузите фон через дайри. Чтобы не было точечки поверх фона уберите и вторую строку.

mahini, спасибище

[Safran_Bonya]

очень красиво, утащила второй

[.Vozduh]

*довольная*

[Nodzomi]

Доброго времени суток!
Взяла у вас дизайн №2. Изменила размеры, пункты меню и цвета шрифтов кое-где.
Такие вопросы:
1. Как сделать видимыми иконки? (Подозреваю, что из-за изменений размеров все съехало >_< Поигралась с координатами, ничего не получилось. И где по идее должны отображаться значки с картинки №5?
2. Можно ли сделать count_box для Черновиков?

Заранее спасибо!

[.Vozduh]

Nodzomi, и вам доброго.))
1. У вас не стоит в коде картинка для иконок редактирования записи, вот их и нет. Это третья картинка. Пятая — это вместо собаки у ника при использовании тега [J][/J], и замочек, когда запись закрыта.
2. Теоретически да. Через #myDraftLink .count_box {display:block; position:absolute; margin-top: ХХpx; margin-left: ХХpx;}, но у меня он на сдвигается с места, что бы я ни делала. Так что… даже не знаю. Можно попробовать спросить в ТП, так как это очень странно.

[Nodzomi]

mahini,
1. Проглядела, действительно х) Спасибо!
2. Я тоже пробовала вставлять такую строчку в код, но ничего не изменилось. Ладно, мне в принципе не критично.

Большое спасибо за чудесный дизайн! ^__^

[.Vozduh]

Nodzomi, носите с удовольствием.))

[Nodzomi]

mahini, прошу прощения, еще одну заковыку обнаружила ^^'
В комментах сейчас не работает обращение, т.е. когда кликаешь на имя собеседника, чтобы поставить обращение в комментарии, ничего не происходит. И само имя не является ссылкой. Подскажите, пожалуйста, где я напортачила?

[.Vozduh]

Nodzomi, строчку с ником

 .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; }

добавьте position:relative !important;

[Nodzomi]

mahini, огромное спасибо! ^___^

[.Vozduh]

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

[D.N.K]

Пока дайри разрешает носить аж целый бесплатный месяц CSS тоже решила взять один из чудеснейших дизайна от Вас) Правда у меня вот какая проблема:дело в том,что количество платных услуг у меня съехало вниз и выглядит все это http://static.diary.ru/userdir/3/1/4/3/3143504/79622464.jpg">так.Ну и также,как можно заменить,почему-то пропала кнопка главной страницы дайри.
Очень надеюсь,что Вы поможете)

[polishastik]

D.N.K, добавьте в код:

#referenceLink, #myAccountLink {display:none !important;}

но этот код сработает в том случае, если у вас нет нетестированных сервисов, проще говоря счетчика.
проблему в коде, когда есть счетчик, мы пока решить не можем, т.к. она связана непосредственно с версткой дневников (ошибка у них). мы напишем в ТП и как только ошибку исправят, дадим новый код.

[D.N.K]

polishastik, код вставила,стало намного лучше,но все равно ссылка на главную страницу сильно съехала вниз.Но основную проблему Вы мне объяснили,поэтому большое спасибо)
P.S.Очень надеюсь,что и в дальнейшем Вы будете радовать нас,юзеров,такими красивыми дизайнами)

[.Vozduh]

D.N.K, будем. Жар в наших сердцах не угас, как и желание извратится мы лишь заколились. *___*
Ну и много всего случилось. Например Поличка стала мамой. Я только поэтому не капаю ей на мозги каждый день с напоминанием выложить дизайн. Но я всё помню.

[D.N.K]

.Vozduh, с нетерпением буду ждать тогда глядишь,может и я к тому времени осмелюсь купить себе CSS) А Полине передайте мои поздравления с рождением малыша

[.Vozduh]

D.N.K, поздравления она сама завтра увидит.))
CSS приятная штука. Главное подобрать способ оплаты подходящий. Про смс забудьте сразу — это обдиралово. Но есть ещё куча способов. Не робейте.)) К тому же это сравнительно не дорого. 360 рублей за год css.

[polishastik]

D.N.K, спасибо за поздравление

[.Vozduh]

Ну вот. Даже не завтра, а сегодня. ^___^

[D.N.K]

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

[.Vozduh]

D.N.K, теоретически сбер самый распространённый вариант.
Ох… желаю скорейшего появления стипендии тогда.))
А ещё я наврала про 360р в год. Побольше. 36 р в месяц на css. Извиняюсь.

[D.N.K]

.Vozduh, так-то оно да,но вот в списке пополнения счета с банковской карты сбербанка почему-то нет.Если что,попробую потом с киви-кошелька,хотя там проценты небольшие все же берут
Очень надеюсь,что хотя бы октябрьскую вовремя перечислят,иначе я за себя не ручаюсь
Да ничего страшного) Всего лишь на 6 рублей дороже) И спасибо,что сказали,сколько вообще стоит css,теперь хоть знаю буду,сколько с меня возьмут за комиссию

[.Vozduh]

D.N.K, к слову про киви. Там же можно выпустить виртуальную карту на нужную сумму, и оплатить ей, тогда процентов быть не должно. ^___^

[asiaticbunny]

чудесный дизайн, спасибо огромное)) первый раз ставлю себе css, повезло, что на вас вышла :3 носить буду с удовольствием.

[.Vozduh]

asiaticbunny, очень радостно такое слышать. ^___^
Нас действительно так сложно найти? Я вот смотрю, где мы в каталоге находимся, и даже не знаю заглядывает туда кто-то или нет. Или вы из каталога дизайнов к нам зашли?

[asiaticbunny]

.Vozduh, нет, так как я в первый раз совсем недавно вообще увидела, как css смотрится на дайри, то я не по каталогу нашла, а в дневнике знакомой)) вот я что имела в виду, что первое знакомство с css-дизайном на дайри произошло через вас))

[.Vozduh]

asiaticbunny, ясно.))) Просто сказочный вариант. Ну… мне он очень нравится. Понимаешь что и ещё кто-то это носит.))