просто

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

luvvie,

[Heliodor]

mahini, о, спасибо)) исправлю и поставлю)

[cactus incurabilis]

обалденно красиво, чудо такое *____* забрала первый вариант, спасибо большое за такую красоту <333

[MsDontMindMe]

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

[.Vozduh]

ван дер Кактус, пожалуйста.))

MsDontMindMe, сама долго думала на предмет "боковушности" , никогда не одобряла… пока не попробовала. xD

[rynsk]

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

После «список заголовков» неотображаются все оставшиеся ссылки. Я грешным делом подумала, что что-то нечаянно удалила, когда меняла цвет, но увы.

Скажите, пожалуйста, это можно как-то исправить подручными средствами? Или это единичный глюк? Или дизайн просто не пригоден к использованию как дизайн для сообщества?
Тысяча извинений за то, что потревожила и накатала тут простынку из вопросов.

[.Vozduh]

rynsk, всё нормально. Мы не звери и готовы к диалогу.)) Только с нами отчего-то не разговаривают.

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

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

[rynsk]

mahini,
Спасибо, что откликнулись!*вылезает из-под бронеодеяла*

Оказывается, вот в чем ежик зарыт.

Но теоретически поправить можно.

Мы были бы очень-очень благодарны, если бы вы посмотрели это дело.

При условии вы не захотите завести аватар над ником, и убирания некоторых пунктов из меню, например "альбом соо". Но для этого мне надо посмотреть, как это выглядеть в живую.

Это совершенно пустяковые жертвы, на которые можно пойти с закрытыми глазами. Ибо уж больно диз напоминает интерфейс Бэт-компьютера. Поэтому его и взяли.
Я открыла вамсообщество . Если что-то потребуется еще, только скажите.

[.Vozduh]

rynsk, я на скрине вижу "подписку по емейлу" и какие-то "списки заголовков". Вам оно надо? И есть ли там ещё какие-то пункты в нижней части меню, что нет на наших скринах? Ещё такие длинные пункты как "мои черновики в соо" надо будет переименовать в, например, "мои черновики здесь", иначе они просто не помешаются в одну строку вместе с отступами, а две строки на один пункт, в данном случае, роскошь непозволительная.
В общем вроде всё вполне реально, с оговорками. И если вы согласны то мне нужен логин и пароль от соо и желательно вы ( на всякий непредвиденный случай ) в личке. ))

[;гадали]

Оба оформления просто
Носить же

[.Vozduh]

nenuphara, носить же только извращенцам, да. xD
Поставьте нашь баннер в профиль — это условие контракта.))

[;гадали]

mahini, есть поставить баннер)

[.Vozduh]

nenuphara,

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

А ведь я когда-то забила на подобную структуру...)) Классные дизы, доо

[.Vozduh]

Лунный дождь, по что так? Забила то?
Благодарю.))

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

mahini,

развернутый ответ)

на тот период, когда я считала такую структуру чуть ли не единственной идеологически верной, мои знания в самом ксс были на невысоком уровне. Поэтому реализация тоже была простой: справа - лента, слева - картинка (или наоборот), на фон в лучшем случае бесшовник, или вообще просто цвет. Все это частенько подгонялось именно под мое разрешение монитора (1280х1024). Потом я начала осознавать, что кагбэ вообще-то есть и другие разрешения, на которых такой диз начинает ехать, что мама, не горюй . + на больших экранах вообще начинались разброд и шатание. И я решила, что центровка мне все же предпочтительней, и там легче сделать так, чтобы везде смотрелось норм. Так при этом мнении до сих пор и осталась. Ну и плюс один вопрос, связанный с возможностью прописать динамичность ширине блока записей - мне предлагали заюзать такой вариант, чтобы сгладить разный вид на разных разрешениях. Но у меня в дневе всегда полно изображений, макс ширину которых я ограничиваю - а динамично этого не сделать. Вот примерно так)
Кстати, у меня тут вопрос возник - если прописывать для background-size по 100% и для Оx и для Oy, разве пропорции изображения не искажаются?
Да, еще идея с повернутым на 90 градусов названием заинтересовала **. Я прям почувствовала смутное, но вдохновение на эксперименты со следующим дизом и свойством transform вкупе со значением rotate только курсач уже добить этот несчастный хД.

[.Vozduh]

Лунный дождь, да с динамичностью, как минимум на голом CSS, всё сложно. Мы как-то раз хотели сделать от 1000 до 1280, если больше то это уже изврат на больших мониторах, но дайри нас послало с тогдашними знаниями. Но вполне возможно, что можно как-то хитро вывернуться. Хотя с максимальной шириной картинок в ленте жопа всё равно.
Пропорции изображений искажаются, конечно. Но при удачном подборе фото на фон это почти незаметно. Ну и табу на фото людей и животных.
Экспериментируй! Даже ИЕ9 поддерживает, что радует несказанно.))
И я рада что появился ещё один на столько не равнодушный к css.

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

mahini,

Хотя с максимальной шириной картинок в ленте жопа всё равно.

Именно) А для меня это принципиальный вопрос .

Пропорции изображений искажаются, конечно. Но при удачном подборе фото на фон это почти незаметно. Ну и табу на фото людей и животных.

Ага, я так и думала. Я диз назад тоже обратилась к свойству бэкграунд-сайз, дабы на фоне была обоина. В итоге тоже намучилась, пока поняла, что и как, но выставила 100% auto - мне хотелось соблюдения пропорций. Правда я подобрала изображение на фон примерно 1500х1500рх и трижды проверила, как оно будет смотреться на больших мониторах хД. Но вообще же cover тоже масштабирует с пропорциями и на весь контейнер, м? Только там возможна обрезка, да.

Даже ИЕ9 поддерживает, что радует несказанно.))

Давно кладу на ИЭ, если честно.

И я рада что появился ещё один на столько не равнодушный к css.

А я рада, что столько людей есть, у которых можно поучиться мастерству

[.Vozduh]

Лунный дождь

Но вообще же cover тоже масштабирует с пропорциями и на весь контейнер, м? Только там возможна обрезка, да.

Чую мне надо основательно изучить спецификацию по css. А то я со своими макетами совсем от реалей жизни оторвалась. Спасибо буду знать.))

На счёт мастерства не знаю, но сообща больше идей по не скучному использованию дайри-ксс рождается.))

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

mahini,

Спасибо буду знать.))

Так ты не знала? о_О Тогда пожалуйста) В тот раз я отчаянно гуглила, изучая свойство, ну и потом все проверяла, временами консультируясь с дэд_мокингберд.

И идеи тоже. В этом еще тумблер помогает, когда вдохновение заканчивается **

[.Vozduh]

Лунный дождь, я по части макетов, а не css. У нас разделение обязанностей, это единичный и скорее вынужденный случай. Но моей невнимательности не оправдывает, конечно.

У меня скорее подборки сайтов на всяких бложиках и полиграфия .))

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

mahini, даа, я знала, о вашем разделении труда, но думала, этот диз вместе делали, как и всегда)

Но моей невнимательности не оправдывает, конечно.

Пфф. Теперь-то ты в курсе

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

[.Vozduh]

Лунный дождь, я на счёт многово после этого опыта в курсе. Спасибо добрым людям.

Перекликается но не всё. Под миниатюрами ссылки на источник
pinterest.com/kihachiro/web-design-examples/
pinterest.com/morganamorgan/web-design/

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

я на счёт многово после этого опыта в курсе.

Эээ, фразу не поняла

Благодарю, надо пошариться.

[.Vozduh]

Лунный дождь, после написания кода к этому дизу, я многое уяснила. и про ксс и про дайри.)))

Там дивные подборки.))

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

mahini, ааа, все, дошло))

Подборки - это всегда хорошо, дивные - так тем более

[Дрекки Дримм]

У меня с дизайном возникает проблема при попытки написания новой записи. В самом окошке курсор и текст не ставятся, а некоторые кнопки не отображаются. Как исправить?

[.Vozduh]

Mr. Cookies, не знаю что случилось с новой записью. С кодом всё нормально. По крайней мере, когда я копирую то, что стоит у вас, себе, то с новой записью всё в порядке.
А какие кнопки?

[Дрекки Дримм]

mahini, Я уже разобрался. Это некорректно отображается визуальный редактор, на который я случайно переключился (судя по всему, тот как раз неправильно в коде прописан). Основное поле ввода работает нормально. Х)

[.Vozduh]

Mr. Cookies, тот вообще не прописан. Он настолько неудобный, что я о нём и не вспомнила.