Помогите новичку)

[Трепетная Няшка]

новичку в пользовании css.

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

сделала все,как написали в инструкции: загрузила картинку в БИ, оттуда скопировала нужную часть url и вставила туда, где фон..

но ничего не получается( фон остается черным,картинки нету..

можете помочь?)

пожааалуйста)

@темы: фоновые картинки, diaryCSS

---

[Лан Мао]

Добрый вечер)

1. Хотела заменить кнопочку #bottom_up на картинку тем же способом что и заголовок для меню, не получилось. Подскажите пожалуйста как это сделать.

2. Как сделать чтобы в выпадающем меню "библиотека изображений" была написана в две строки.

запись создана: 21.08.2012 в 20:48

@темы: меню

---

проблема с кнопками

[Uilenspiegel]

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

{-------------------------------- картинки ------------------------------}
 .block_design {background: #; }
 #add_block1 { background: url('/userdir/2/9/6/2/2962207/75857452.png') repeat-x; }
 #side h1 A { background: url('/userdir/2/9/6/2/2962207/75861003.png') no-repeat;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a, #myFavLink a {background: url('/userdir/2/9/6/2/2962207/75860074.png') no-repeat;}
 #bottom_up a, #Stats a, #authorName, #mainpageLink a, #postsCalendar a, #writeToAuthor a, #tagslistlink a, #addToFavA, #delFromFav a, #optionsLink a, .commentAuthor, .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 { background: url('/userdir/2/9/6/2/2962207/75857486.png') no-repeat;}
 .singlePost, .singleComment, #addCommentArea, #TagsList ul, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #JournalLinks #page-t, .pageBar td strong { background: url('/userdir/2/9/6/2/2962207/75857492.png');}
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before, #addCommentArea:before { background: url('/userdir/2/9/6/2/2962207/75857504.png') 50% 0 no-repeat;}
 .avatar { background: url('/userdir/2/9/6/2/2962207/75857508.png'); }
 .postTitle, #new_post_title, .calHeader, #links_title {background: url('/userdir/2/9/6/2/2962207/75857513.png') 0 100% no-repeat; }
 {-------------- картинки закончились, дальше искать не нужно ---------------------}
 .block_design { padding: 0 !important; font-family: georgia, palatino, serif;}
 #wrapper{ min-width: 940px; width: 940px; margin: 0 auto !important; padding-top: 0 !important; }
 #add_block1 { position: absolute; width: 100%; height: 89px; top: -20px; left: 0; z-index: -2; }
 {-------------------------------- menu ------------------------------}
 #side { margin: 0 0 0 0 !important; position: relative; }
 #side ul { visibility: visible; display: block;}
 #side h1 A {position: absolute; display: block; width: 670px; height: 78px; top: 160px; left: 139px; text-indent: -99999px !important; outline: 0 !important;}
 #side h1 A:hover {background-position: 0 -81px;}
 #side h1 A:active {background-position: 0 -80px;}
 #myDiaryLink a, #myCommunityLink a, #discussionLink a, #umailLink a, #writeThisDiary a, #myFavLink a { position: absolute; top: 260px; height: 120px; width: 120px; text-align: center; padding-top: 0 !important; color: #000 !important; text-decoration: none; text-indent: -99999px; display: block; }
 #myDiaryLink a, #myCommunityLink a { left: 124px; background-position: 0 0; }
 #discussionLink a { left: 259px; background-position: -119px 0; }
 #umailLink a { left: 395px; background-position: -238px 0; }
 #writeThisDiary a { left: 531px; background-position: -357px 0; }
 #myFavLink a { left: 667px; background-position: -476px 0; }
 #myDiaryLink a:hover, #myCommunityLink a:hover { background-position: -0 -121px; }
 #discussionLink a:hover { background-position: -119px -121px; }
 #umailLink a:hover { background-position: -238px -121px; }
 #writeThisDiary a:hover { background-position: -357px -121px; }
 #myFavLink a:hover { background-position: -476px -121px; }
 .order_button, #iAmQuit, .menuSection_title, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorLiks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #photolibLink, #pchs, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #side h1 .opac6, #authorLiks, #myQuotLink, #subscribeEmail, #thisDiaryPhoto, .urlLink, #JournalQuote .profile, #commentsArea_title, #addCommentArea_title, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #change_bg_area_comm input, #change_bg_area_comm label, #JournalFavorite .profile {display: none !important;}
 #bottom_up a { display: block; position: fixed; bottom: 40px; right: 0; background-position: -86px 0; width: 152px; height: 48px; text-indent: -99999px; outline: 0; }
 #Stats { float: left !important; margin: -10px 0 40px 400px; }
 #Stats a{ background-position: -243px -2px; display: block; text-indent: -99999px; height: 30px; width: 135px; }
 #Stats a+a {display: none;}
 #side a:active, #side a:focus, #bottom_up a:active, #bottom_up a:focus {outline: none;}
 {-------------------------------- menu top ------------------------------}
 #thisDiaryInfo { float: left; position: absolute; left: -6px; top: 0; width: 300px;}
 #authorName { font: italic 20px georgia !important; color: #000; text-shadow: 0 1px 1px #cdc8c4; background-position: -928px -85px; padding: 9px 0 10px 45px !important; float: left !important; text-align: left;}
 #mainpageLink a, #postsCalendar a, #writeToAuthor a { position: absolute; top: -25px; text-indent: -99999px; height: 48px; }
 #mainpageLink a { left: 825px; background-position: -358px -85px; width: 100px; z-index: 10; }
 #tagslistlink {position:absolute; left:740px; top:-25px;}
 #tagslistlink a { text-indent: -99999px; height: 48px; visibility: visible; display: block; background-position: -270px -85px; width: 90px; }
 #postsCalendar a { left: 615px; background-position: -145px -85px; width: 122px; z-index: 5;}
 #writeToAuthor a { left: 310px; background-position: -2px -85px; width: 140px; }
 #mainpageLink a:hover { background-position: -358px -129px; }
 #tagslistlink a:hover { background-position: -270px -129px; }
 #postsCalendar a:hover { background-position: -145px -129px; }
 #writeToAuthor a:hover { background-position: -2px -129px; }
 #addToFavA, #delFromFav a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; font: italic 10px georgia !important; text-align: center; text-transform: lowercase; }
 #addToFavA { background-position: -460px -96px; color: #f2ece7 !important; }
 #addToFavA span { color: #f2ece7; }
 #delFromFav a { background-position: -616px -96px; color: #6e6661 !important; }
 #delFromFav a span { color: #6e6661; }
 #addToFavA span, #delFromFav a span { font: italic 10px georgia !important; text-transform: lowercase; }
 #optionsLink a { position: absolute; left: 465px; top: -30px; display: block !important; padding-top: 45px !important; height: 45px; width: 154px; z-index: 6; background-position: -771px -96px; text-indent: -99999px;}
 {------------------------------------------ themes ---------------------------------}
 #thisDiaryOwner ul {z-index: 51 !important; }
 #TagsList ul { width: 185px; padding: 10px 0 0 0 !important; margin: -11px 0 0 -12px !important; -webkit-box-shadow: 0 1px 2px #bfc6c7; -moz-box-shadow: 0 1px 2px #bfc6c7; box-shadow: 0 1px 2px #bfc6c7; }
 #TagsList li {text-align: left; padding: 10px 0 10px 10px !important; text-transform: lowercase !important; white-space: normal; border-bottom: 1px solid #c5c0bc; border-top: 1px solid #f9f6f4; width: 175px !important; margin: 0 !important; }
 #TagsList a {text-indent: 0; background: none; width: 130px !important; height: 100%; color: #000; font: 12px Georgia; }
 #TagsList a:hover { color: #ec8a5f;}
 #TagsList span {margin: 0 5px 0 0 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d4e4e8; height: 25px; width: 25px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #c5c0bc; -moz-box-shadow: 0 1px 1px #c5c0bc; box-shadow: 0 1px 1px #c5c0bc; }
 #TagsList li:first-child { border-top: none; }
 {------------------------------------------ counters ---------------------------------}
 a#menuNewUmails, a#menuNewDescussions, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #myDraftLink span.count_box {display: block; height: 40px; width: 40px; text-align: center; color: #eee !important; text-indent: 0 !important; -moz-border-radius: 20px; border-radius: 20px; line-height: 40px; visibility: visible; padding-top: 0 !important; background: #252525 !important; margin: 0 0 0 85px;}
 #myDiaryLink span.count_box a:hover, #myCommunityLink span.count_box a:hover, #myDraftLink span.count_box:hover, a#menuNewUmails:hover, a#menuNewDescussions:hover { color: #ec8a5f !important;}
 #umailLink .count_box, #discussionLink .count_box, #myDiaryLink .count_box, #myCommunityLink .count_box {position: absolute; top: 0; left: 0; visibility: hidden; height: 0 !important; }
 {-------------------------------- posts ------------------------------}
 #page-t { margin: 400px 130px 0 130px !important;}
 .singlePost { position: relative; padding: 50px 80px !important; margin: 0 0 60px !important; border: 1px solid #dfdfdf !important; }
 .singleComment { position: relative; margin: 0 0 40px 0 !important;}
 .singleComment, #addCommentArea { padding: 30px 80px 30px !important; border: 1px solid #dfdfdf !important; }
 #addCommentArea { margin: -20px 10px 30px 10px !important; }
 .singlePost:before, .singleComment:before, #msg_form:before, #JournalCalendar #page-t:before, .tags_ul_all:before, #JournalLinks #page-t:before { content: ""; width: 100%; height: 8px; display: block; position: absolute; bottom: -8px; left: 0; }
 .paragraph { margin: 60px 0 0 0 !important; line-height: 24px !important; overflow: hidden; }
 #addCommentArea:before { content: ""; width: 100%; height: 8px !important; display: block !important; position: absolute; bottom: 65px !important; left: 0; }
 #post0 { margin: 0 !important; padding: 0 !important; border: none !important; background: none !important;}
 .communityName {position: absolute; top: 20px; left: 100px; text-align: center; width: 460px; display: block; overflow: hidden;}
 .communityName a {font: small-caps 14px georgia; color: #000; }
 .commentAuthor { dispaly: block; width: 83px; height: 85px; margin: -40px 0 0 0; overflow: visible; position: relative; }
 .authorName { margin: 35px 0 0 100px !important; color: #000; }
 .authorName a {color: #000;}
 .authorName a strong { font: normal 16px georgia; color: #000; text-shadow: 0 1px 1px #beb9b6; }
 .avatar img { width: 70px; max-height: 70px; margin: 4px; border: 1px solid #dbdbdb; }
 .avatar {width: 80px !important; height: 80px; -webkit-box-shadow: 0 1px 2px #c7c2bf;-moz-box-shadow: 0 0 2px #c7c2bf; box-shadow: 0 0 2px #c7c2bf; }
 .sign { position: absolute; top: 45px; left: 100px; width: 400px !important; font: italic 14px georgia; line-height: 16px; color: #9b9b9b; height: 50px; display: block; }
 .postLinksBackg { text-align: center; margin: 30px 0 0 0 !important; font: 12px georgia; border-top: 1px solid #ccc8c3; padding: 7px 0 0 0 !important;}
 .comments { position: absolute; bottom: 80px; left: 70px; width: 500px; text-align: center; display: block; border-top: 1px solid #ccc8c3; padding: 5px 0 0 0 !important;}
 .comments a {font: 18px georgia; color: #000; }
 .atTag { margin: 0 0 10px 0; text-align: left; line-height: 20px;}
 {-------------------------------- headers ------------------------------}
 .postDate { position: absolute; left: -140px; top: 35px; width: 120px; text-align: right; font: italic 16px georgia !important; border-top: 1px solid #8b9897; border-bottom: 1px solid #8b9897; padding: 8px 0 !important; text-shadow: 0 1px 1px #a9aeb0;}
 .postTitle { text-align: center; display: block; padding: 0 0 25px !important; margin: 0 !important; font: small-caps 26px georgia !important;}
 #draft_title { position: absolute; left: 220px; top: 485px; text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 0 0 !important; font: small-caps 26px georgia !important; width: 500px;}
 #new_post_title { position: relative; top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 80px !important; z-index: 2 !important; }
 .calHeader { top: 20px; text-align: center !important; font: small-caps 26px georgia !important; display: block; padding: 0 0 25px !important; width: 500px; margin: 0 0 0 30px !important; }
 #links_title { text-align: center !important; display: block; padding: 0 0 25px !important; margin: 0 0 20px 0 !important; font: small-caps 26px georgia !important; font-weight: normal !important; }
 #links_title h4 {font: small-caps 26px georgia !important; font-weight: normal !important; margin: 0 0 0 25px !important; }
 .tags_header a {font: small-caps 16px georgia; color: #252525;}
 {------------------------- exceptions ------------------ }
 #JournalComments .postLinksBackg, #JournalDraft .postLinksBackg { margin: 0 !important; padding: 5px 0 !important; border-top: 1px solid #ccc8c3;}
 #JournalDraft .list_box {display: none !important;}
 .prevnext { width: 500px !important;}
 .nextPostLink {float: right !important;}
 .nextPostLink a, .prevPostLink a { color: #9b9b9b; font: italic 14px Georgia; }
 #JournalComments .singlePost {margin: 0 0 20px 0 !important; }
 #JournalComments #msg_form { position: static !important; padding: 0 0 !important; margin: 0 !important; border:none !important; }
 #JournalComments #msg_form:before, #post0:before { background: none; }
 .singleComment .header span {font: 18px georgia; float: left; color: #a4a3a1; text-shadow: 0 1px 0 #fff; }
 .singleComment .postTitle { display: block; padding: 0 0 10px !important;}
 .singleComment .postActionLinks { left: 563px;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 10px 0 0 !important;}
 #JournalDraft .commentAuthor { display: none !important; }
 .linkssection .postActionLinks { left: 475px; width: 55px; top: 7px;}
 #JournalLinks .paragraph {margin: -3px 0 0 135px !important; padding: 0 0 10px !important; font: italic 16px georgia !important; line-height: 18px !important; color: #9b9b9b; width: 270px; }
 #Journal #addCommentArea { position: static !important; margin-top: 0 !important;}
 #Journal #addCommentArea #msg_form { position: relative !important; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important; z-index: 1 !important; width: 500px !important; display: block !important;}
 #Journal #addCommentArea #msg_form:before { background: none !important;}
 {------------------------- voting ------------------ }
 .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: #252525; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; 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: #f4a481; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .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: #b8d9db; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; 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: #b7d5e8; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; 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: #ffdcba; padding: 10px 0 0 0; height: 0; margin: 3px 0 0 0; border-bottom: 1px solid #ccc8c3; }
 .voting table {width: 100%;}
 .voting td:first-child {width: 230px; text-align: left; }
 .voting td {vertical-align: baseline;}
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .postActionLinks {position: absolute; left: 560px; top: 8px; }
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"] { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; padding: 20px 0 0 !important; height: 0; margin: 0 !important; width: 20px;}
 .upPostLink [src*="postup.gif"] { background-position: -95px -51px; }
 .delPostLink [src*="postdelite.gif"] { background-position: -139px -51px; }
 .editPostLink [src*="postedit.gif"] { background-position: -117px -51px; }
 .tonotepadPostLink [src*="tonotepad.gif"] { background-position: -161px -51px; position: absolute; left: 0; }
 .fromnotepadPostLink [src*="fromnotepad.gif"] { background-position: -201px -51px; position: absolute; left: 0; }
 .postActionLinks, .opac6 {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
 .opac6 {width: 0; height: 20px; background-position: -181px -51px; padding: 0 19px 0 0 !important; margin: 0 !important;}
 .postActionLinks {width: 88px;}
 .postActionLinks li {float: right;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
 {----------------------- features -----------------}
 #codebuttons {padding: 5px 0 !important;}
 #codebuttons a img { background: #f4eee9 !important; border: 1px solid #ccc8c3 !important;}
 #codebuttons a img:hover { background: #e2eceb !important; }
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { background: #f2efeb; border: 1px solid #e7e2dd !important;}
 textarea#message {line-height: 24px; padding: 5px !important; width: 490px !important;}
 form#msg_form span { font: 12px georgia; clear: both; text-align: left;}
 #fromAnotherName, #fromAnotherPass {width: 120px;}
 #msg_form { position: relative; padding: 100px 70px 50px !important; margin: -60px 0 60px 0 !important; border: 1px solid #dfdfdf !important; z-index: 1 !important; }
 input#postTitle {width: 500px;}
 #JournalCalendar #page-t {position: relative; padding: 20px 40px 20px !important; margin: 400px 140px 80px 140px !important; border: 1px solid #dfdfdf; z-index: 1; font: 14px georgia; }
 #JournalCalendar #content b { padding: 0 !important; }
 .tags_ul_all{ position: relative; padding: 30px 80px 30px 100px; margin: -10px 0 30px 0px; border: 1px solid #dfdfdf; width: 480px !important; }
 .tags_ul_all li { padding: 7px 0px !important; border-bottom: 1px solid #c5c0bc; border-top: 1px solid #f9f6f4; margin: 0; list-style: none;}
 .tags_ul_all li:first-child { border-top: none; }
 .tags_ul_all li:last-child { border-bottom: none; }
 #content {margin: 0 !important; padding: 0 !important; overflow: visible !important;}
 #JournalLinks #page-t {margin: 400px 140px 40px 140px !important; position: relative; padding: 50px 80px !important; border: 1px solid #dfdfdf !important; }
 .linkssection {position: relative; }
 #JournalLinks .linkssection {text-align: left !important; padding: 7px 0 !important; border-bottom: 1px solid #c5c0bc !important; border-top: 1px solid #f9f6f4 !important; margin: 0 !important; list-style: none;}
 #JournalLinks h2 { font: 20px georgia !important; text-shadow: 0 1px 1px #beb9b6;}
 #pageBar {margin: -20px 0 30px -5px !important; width: 670px; }
 .pages_str td {width: 335px; display: inline-block !important; margin: 0px 0 0px -80px !important; }
 .pages_str a { background: none !important; height: 25px; width: 25px; text-align: center; line-height: 25px; box-shadow: none !important; color: #000 !important; text-shadow: 0 1px 1px #beb9b6 !important;}
 .pageBar td a, .pageBar td strong {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; line-height: 25px; -webkit-box-shadow: 0 1px 1px #c5c0bc; -moz-box-shadow: 0 1px 1px #c5c0bc; box-shadow: 0 1px 1px #c5c0bc; font: 14px Georgia !important; }
 .pageBar td a {background: #000; width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; color: #fff; }
 .pageBar td a:hover { color: #ec8a5f !important; text-decoration: none; }
 .pageBar td strong { color: #252525; width: 15px !important; display: inline-block; padding: 3px 6px 6px 5px !important; }
 ::selection {background: #363636; color: #fff; }
 ::-moz-selection {background: #363636; color: #fff; }
 ::-o-selection {background: #363636; color: #fff; }
 ::-webkit-selection {background: #363636; color: #fff; }
 img {max-width: 500px !important;}
 #cc { margin: -5px 0 0 -200px; }
 span.quote_text { background: #fef7f1; border-bottom: 1px solid #dad4cf; }

@темы: diaryCSS, основные блоки

---

[Лютольвица]

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

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

@темы: diaryCSS

---

Меню

[esce]

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

@темы: меню

---

Изменение высоты блока

[Megumi Reinard aka Luna Kou]

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

<div class="postTitle header">

Каким образом будет обозначаться этот класс в виде селектора в CSS? Правильно ли будет обозначить свойство вот так?

{height:100px}

@темы: diaryCSS, основные блоки

---

Картинки в эпиграфе

[VoG]

Доброго времени суток.
Возникла проблема с эпиграфом - установленные для ссылок и картинок параметры (общие для днева) влияют на его содержимое. Мне же этого не нужно, так как предполагаются url кнопки.
Поиски ответа по сообществу не увенчались успехом. Разве что лишь запросом, на который не был получен ответ. www.diary.ru/~diaryCSS/p167503110.htm

Собственно, вопрос: Можно ли выставить особые параметры отображения картинок и ссылок для эпиграфа? И если да, то как?

Были мысли относительно кода отмены для #post0, но что-то они не реализовались на практике)

@темы: эпиграф, diaryCSS, платный сервис, Дизайн

---

[Deya Inferi]

Здравствуйте. Поиск ответа не дал.

Есть ли какая-то возможность сделать так, что бы в дневнике каждый мой пост отображался с аватаром, как в сообществах? Заранее спасибо.

@темы: фоновые картинки, diaryCSS, Дизайн

---

[Хаура]

Обновила css, но в меню пошло что-то не так.
Получается так

а должно быть вот так

Сам код выглядит так

body {background: #121119;}
#wrapper {background: url('/userdir/1/4/9/5/1495018/75718482.png') repeat-y 0%; width: 978px !important; min-width: 978px !important; padding-left: -20px !important; margin-bottom: -10px !important; }
#extrabottom {height: 0px !important;}
#extratop {background: url('/userdir/1/4/9/5/1495018/75718491.jpg'); width: 978px; height: 656px; margin-top: -10px !important; }
{----------------------------------------------POST_GENERAL---------------------------------------------------------------------}
#page-c { margin: -40px 20px -50px 80px !important; min-width: 817px !important; width: 817px !important; padding: 0px 0px 0px 0px !important; }
#page-t {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
.singlePost, #msg_form, .singleComment {margin: 0px 0px 40px 0px !important; padding: 20px 30px 20px 30px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px;}
.singleComment {padding: 20px 30px 10px 30px !important;}
#post0, #epigraph { margin: 0px !important; background: #f3eef5 !important; }
#epigraph {margin-bottom: 40px !important; }
html body#Journal.top div#wrapper div#page-c div#page-t div#postsArea.bordered div#epigraph.singlePost .header {margin-top: -40px !important;}
.authorName, .communityName {font: 17px 'Cambria' !important;}
.authorName strong {font-weight: normal !important;}
.postDate {font: italic 17px 'Cambria' !important; color: #f3eef5 !important; }
.postDate {position:absolute; left :120px; margin: -61px 0px 20px 0px !important; padding: 20px 0px 20px 0px !important;}
{-------------------------------------------------POST_UP------------------------------------------------------------------}
.TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 {background: url('/userdir/1/4/9/5/1495018/75718496.png') no-repeat !important;}
.TagJIco { background-position: 0px -19px !important; display: inline-block; padding-left: 10px; position: relative; text-decoration: none !important;}
.editPostLink [src*="postedit.gif"] {background-position: -15px 0px !important !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.delPostLink [src*="postdelite.gif"] {background-position: -18px 0px !important ; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 13px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.upPostLink [src*="postup.gif"] {background-position: -36px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; -moz-opacity: 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70); }
.tonotepadPostLink [src*="tonotepad.gif"] {background-position: -54px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
.fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -72px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px; 0.7; opacity: 0.7; filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
.opac6 {background-position: -90px 0px !important; padding: 0 18px 0 0; width: 0; height: 19px; margin: -4px 0px 0px 0px !important; -moz-opacity: 1.0; opacity: 1.0; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); }
.postActionLinks { -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; left: 820px !important; margin-top: -40px !important;}
#pageBar a:hover {color: #060304 !important;}
#epigraph .postActionLinks {margin: -40px -5px 0px 0px !important; }
{------------------------------------------------POST_DOWN-------------------------------------------------------------------}
.atTag span:before { padding: 20px 0px 0px 0px !important; content: "Темы:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
.atMusic span:before {padding: 20px 0px 0px 0px !important; content: "Музыка:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important; }
.atMood span:before {padding: 20px 0px 0px 0px !important; content: "Настроение:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
.atTag span, .atMusic span, .atMood span {font-size: 0px !important; color: #f3eef5 !important; }
.atMusic, .atTag, .atMood {margin: 0px 0px 0px 0px !important; }
.atTag a, .atMusic a, .atMood a { text-decoration: none !important; color: #2f344d;}
.atTag em, .atMusic em, .atMood em {font-style: normal !important; font-size: 14px; color: #121119;}
.postLinksBackg {margin: 0px 0px 10px 0px !important; color: #121119; }
.postLinksBackg a {font: 17px 'Cambria'; }
#JournalFavorite .postLinksBackg a {font: 16px 'Cambria'; }
#pageBar a {font: 17px 'Cambria' !important; text-transform: capitalize; color: #f3eef5 !important; }
.pageBar {margin-bottom: 0px !important; margin-top: -20px !important;}
#pageBar strong {font: italic 22px 'Cambria' !important; color: #5d6382 !important; }
.paragraph {line-height: 145%;}
.singlePost .paragraph div:first-letter {font: italic 24px 'Cambria' !important; }
.prevnext { margin-top: -15px !important;}
{----------------------------------------------TAGS_CALENDAR-----------------------------------------------------------------}
.tags_ul_all {padding: 20px 30px 20px 40px !important; line-height: 135% !important; color: #121119 !important; width: 720px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px; margin-top: 0px !important;}
.tags_header a {font: italic 22px 'Cambria'; font-weight: normal !important; color: #121119 !important; }
.tags_header {font-weight: none !important;}
#JournalCalendar #page-t { width: 697px !important; margin: 0px 2px 40px 10px !important; padding: 20px 0px 0px 100px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10px; -moz-border-radius: 10px; }
#JournalCalendar .header {margin-left: 10px !important; font: italic 22px 'Cambria';}
.calnd td.cal-mnth a {font: italic 17px 'Cambria'; !important;}
{--------------------------------------------------NOT_DISPLAYED-----------------------------------------------------------------}
#rssLink, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #faqLink, #YaSearch, #Stats, #iAmQuit, #side h1 .opac6, #authorFav, #authorQuot, #sortOrder, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .email, .order_button.header, #authorLinks a, #authorLinks, .authorLinks, .authorLinks a, #myLinks a, #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #authorFav, #authorQuot, #photolibLink {display: none !important;}
{---------------------------------------------------MENU----------------------------------------------------------------}
#side {position: absolute !important; top: 20px !important; left: 90px !important; width: 0px !important; text-align: center; color: #b1a196; font-size: 13px ;}
#side a {color: #b1a196; font-size: 13px ;}
.menuSection_title b {font: italic 22px 'Cambria' !important; font-weight: normal !important; color: #393d55 !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter: alpha(opacity=80);}
#thisDiaryOwner, #myDiaryLinks, #globalLinks {width: 160px; text-align: center !important; }
#thisDiaryOwner ul {width: 130px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; margin-left: 10px !important;}
#myDiaryLinks ul { width: 120px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; margin-left: 17px !important;}
#myDiaryLinks_title { width: 170px !important;}
#globalLinks ul { width: 146px; background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px; }
#thisCommunityMember ul {background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10px; -moz-border-radius: 10px;}
#thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
#globalLinks {position: absolute !important; top: 470px !important; left: 590px !important;}
#thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
#myDiaryLinks {position: absolute !important; top: 500px !important; left: 490px !important;}
#thisCommunityMember {position: absolute !important; top: 410px !important; left: 620px !important;}
#TagsList ul {width: 131px !important; font-size: 11px; text-align: left !important; margin-left: -17px !important;}
#TagsList ul a {font-size: 11px; overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999px;}
#TagsList a[href$="tags="] {font-weight: bold !important;}
#bottom_up a {position: fixed !important; font: italic 21px 'Cambria' !important; background: #!important; color: #f3e8e4 ; border-radius: 10px; -moz-border-radius: 10px; padding: 7px 10px 7px 10px; bottom: 5px !important; right: -64px; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); text-shadow: 0px 0px 1px #121119;}
#bottom_up a:hover {right: -5px; color: #f3eef5 !important; display: block !important;}
#bottom_up a::first-letter {font: italic 24px 'Cambria' !important; }
{-----------------------------------------------HEADERS--------------------------------------------------------------------}
.header {color: #f3eef5; margin: 0px 0px 10px 0px !important; padding-top: 20px !important; font: italic 24px 'Cambria' !important; text-align: left !important; }
.singlePost .header, .singleComment .header { text-align: left !important; padding: 0px 0px 5px 0px !important; color: #1e2131 !important; margin-left: 0px !important; }
#addCommentArea_title.header, #commentsArea_title.header {margin-top: -60px !important;}
#thisDiaryInfo {position: absolute !important; top: 30px !important; left: 0px !important; width: 785px !important; display: block !important; }
#authorName {font: italic 22px 'Cambria' !important; color: #5d6382 !important; text-align: right !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progidXImageTransform.Microsoft.Alpha(opacity=80); display: inline !important; float: right !important; margin-left: -8px !important; }
#side h1 {position: absolute !important; top: 0px !important; left: 0px !important; width: 795px !important; display: block !important;}
#side h1 a { color: #5d6382 !important; font: italic 28px 'Cambria' !important; text-align: right !important; display: block !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progidXImageTransform.Microsoft.Alpha(opacity=80); }
{----------------------------------------------------------IMGS_DIFF---------------------------------------------------------}
.avatar img { width: 100px; margin: 5px 15px 10px 10px; border: solid 3px #39447d ; -moz-border: solid 3px #6b1412; border-radius: 5px; -moz-border-radius: 5px; }
.avatar {width: 115px !important; margin: -5px 0px 0px -20px !important; padding-left: 10px !important;}
.sign { width: 100px !important; text-align: left; margin: 0px 0px 0px 5px !important;}
img { max-width: 602px; }
#Journal img { max-width: 737px; }
.section, .formcontainer, .paragraph { _width: 602px; overflow: auto !important; overflow-y: hidden; }
.voting td img[src*=".gif"]{ padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; background: #41414a ;}
span.quote_text {margin: 10px 20px -10px 20px !important; padding: 4px 5px 4px 5px !important; display: block !important;}
.blockquote { display: block; margin-top: -5px; padding: 0px 0px 0px 0px;}
.submit {background: #39447d !important; color: #f3eef5 !important; padding: 5px 5px 7px 5px !important; margin: 10px 0px 10px 10px !important; font: italic 17px 'Cambria' !important; ; -moz-opacity: 0.8 !important; opacity: 0.8 !important; border-radius: 10px; -moz-border-radius: 10px; }
input#btSubmit.submit { width: 115px !important; }
input#rewrite.submit { width: 135px !important; margin-left: 7px !important; }
input#preview.submit { width: 135px !important;}
input.submit { width: 190px !important; }
div.voting input.submit { width: 110px !important; margin: 0px 10px 10px 5px !important; }
::selection {color: #f3eef5 !important; background: #39447d !important;}
::-moz-selection {color: #f3eef5 !important; background: #39447d !important;}
::-webkit-selection {color: #f3eef5 !important; background: #39447d !important;}
{----------------------------------------------------HOVER---------------------------------------------------------------}
a:hover, a:active, a:link, a:visited {text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
a:hover, #TagsList a[href$="tags="]:hover {color: #39447d !important;}
#side h1 a:hover, #authorName:hover, #bottom_up a:hover, .header span:hover, .submit:hover {opacity: 1.0 !important; -moz-opacity: 1.0 !important; -o-opacity: 1.0; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#pageBar a:hover, #globalLinks a:hover, #thisDiaryOwner a:hover, #myDiaryLinks a:hover, #thisCommunityMember a:hover {color: #5d6382 !important;}
.upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { -moz-opacity: 1.0; opacity: 1.0 !important; filter:progidXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


Что нужно сделать?

Исправлено, спасибо  злой сов

@темы: текст, diaryCSS, Дизайн

---

Проблемы с позиционированием основного контейнера

[acid revolution]

После переноса меню на экстратоп(меню абсолютно позиционировано) отступ, для него предназначенный, остался на месте. Как от него избавиться и отцентрировать поле записей?
Находила подобный вопрос в сообществе, но ответ на него не был дан.

скрин

@темы: меню, отступы, diaryCSS, основные блоки

---

[Dr. John H. Watson]

Адаптирую дизайн с сайта под дневники. По ходу возникло несколько вопросов:
1. И блок записей, и меню, взяты в рамку, при этом между ними слишком большой зазор, при том то враппер -980, блок - 680, а меню - 200. Пытаюсь увеличить меню - оно съезжает вниз, поднимаю, на главной - все в порядке, на странице избранного - съезжает. Как это устранить?
2. Блок записей, опять же, обведен в рамку и задан фон, как задать фон блоку комментариев?
3. Скорее всего, тут где-о уже было, но я не нашел. Как перед каждым пунктом меню поставить значок?
4. Поставил перед комментариями значок ( .postLinks { background: url("secure.diary.ru/userdir/3/0/3/9/3039034/7563124...") no-repeat; padding: 0px 15px 0px;} ), в тоге вся строка коментариев и т.д. сдвинулась влево, как ее можно сдвинуть обратно вправо, всю строчку вместе со значком7
Спасибо, решено благодаря  winterwolf.
5. Поставил иконки перед пунктами меню и заменил названия разделов меню на картинки. В принципе, стандартно, и в Хроме все в порядке, в Фоксе же такое.
С вылезающими из-под картинок названиями я разобрался, а вот что с иконками делать...
6. Как сделать так, чтобы при наведении на текст в МОRE и внешние ссылки в посте, а также теги, подчеркивание не пропадало?
Опять же, решено благодаря  winterwolf.
7. Можно ли сделать так, чтобы при том, что ссылки в меню подчеркнуты, не подчеркивались цифры комментариев/у-мыла/дискуссий? Это, вроде бы, . count_box, но .count_box {text-decoration: none !important; } ничего не дает, и то же самое с комментариями (.comments_count_link).
Спасибо  winterwolf в очередной раз.

запись создана: 03.08.2012 в 10:41

@темы: меню, diaryCSS, платный сервис

---

Ссылка выпадабщего меню

[queer deer]

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

@темы: меню, diaryCSS, платный сервис

---

[crimson soda]

1. Как сделать отбивку, допустим, меню, не от края экрана, а от края экстратопа?

2. По непонятным причинам, экстработтом "отделился" от дневника на несколько пикселей вниз. Как исправить?

3. Как сделать фон у меню прозрачным? И бордеры его?

4. Как изменить отступ между цитатой и текстом под ней? Он уехал и теперь между ними строчка пробела.

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

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

body {background: #cccccc}</div><div> .block_design #wrapper {width: 800px;}</div><div> #wrapper {min-width:800px!important; background: #ffffff;}</div><div> #page-c {min-width:800px!important; width: 800px}</div><div> #extratop {background: url('/userdir/3/0/2/6/3026926/75575288.jpg') no-repeat; width: 800px; height: 384px}</div><div> #extrabottom {background: url('/userdir/3/0/2/6/3026926/75575012.jpg') no-repeat; width: 800px; height: 38px;}</div><div> #side {width: 140px; margin:0 !important; position: absolute; top: 30px; font-size: 12px !important; text-align: center;}</div><div> #thisDiaryLinks {diasplay: none}</div><div> #YaSearch {display: none}</div><div> #globalLinks {display: none}</div><div> #rssLink {display: none}</div><div> #upInChart {display: none}</div><div> #myNotepadLink {display: none}</div><div> #myLinksLink {display: none}</div><div> #myProfileLink {display: none}</div><div> #albumLink {display: none}</div><div> #photolibLink {display: none}</div><div> #authorName {display: none}</div><div> #side h1 A {font-size: 15px; position: absolute; top: -10px; center; width: 800px;}</div><div> span.quote_text {display: block; margin: 20px; padding: 10px; border: 1px dashed #666666; background: #ffffff; !important; font-style: normal; border-radius:15px; white-space:nowrap;}</div><div> .atTag em, .atMood em, .atMusic em {font-style: normal}</div><div> .avatar img,.avatarNew img {background-color: #fff; border: 1px solid #cccccc; padding: 4px; }

@темы: меню, отступы, Дизайн

---

Как сделать экстратоп в центре вверху, чтобы он не сжимал дневник и не плавал?

[Неуч]

Как сделать экстратоп в центре вверху, чтобы он не сжимал дневник и не плавал?
Разрешение моего дисплея 1280x1024 точек)))
#extratop {background: url('/userdir/3/0/3/2/3032546/75558011.jpg') no-repeat; background-position: 3% 0%; !important; width:100%; height:710px; line-height:100% !important; top: 0px;}
#wrapper{min-width:888px !important;width:888px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
Помогите подкорректировать код CSS?
body{background:url('/userdir/3/0/3/2/3032546/75557458.jpg') repeat;}
body{background-attachment:fixed;} это задний фон)))
Как сделать, чтобы при входе в дневник играла музыка как фон повторяясь и чтобы всё это работало в одном коде?

@темы: фоновые картинки, Дизайн, Мысли вслух, Учеба

---

Комментарии

[La_mignonne]

Можно ли количеству комметариев и количеству страниц этих комментариев задать разные параметры?
Т.е допустим вид комментов 40 (1,2)
У 40 белый цвет ссылки
у 1,2 красный

@темы: основные блоки

---

Курсор

[Мати Матисс]

Всем привет)
Пытаюсь понять, как можно сменить картинку курсора. Пока нашла только вариант замены его на файл с расширением .cur.

.class { cursor: url(images/pointer.cur); }

Два вопроса:
1) можно ли изменить его на картинку?
2) в противном случае, можно как-нибудь получить ссылку на файл .cur, по аналогии с залитыми на какой-нибудь радикал картинками?
А то нифига не достаточно его адреса на жестком.
Вот, как-то так. Спасибо заранее.)

@темы: diaryCSS

---

[iezekiil]

Как оформить в посте ссылку на один из спрятанных под more текстов, чтобы при нажатии а) ссылка открывалась в том же окне, б) открывался только один more, остальные оставались закрытыми?

Пример:

Текст, в котором есть <a href="ЧТО ЗДЕСЬ ДОЛЖНО БЫТЬ?">ссылка на море-1</a>

Хочу, чтобы открывалось только это more!

Это more должно быть закрыто!

@темы: текст

---

[Лан Мао]

Добрый вечер.
Подскажите пожалуйста почему при добавлении к коду меню #side {position: fixed} оно фиксируется по левой стороне, даже если в настройках стоит "меню справа". Как это поправить?

@темы: меню

---

[L. Q.]

Здравствуйте!
У меня наипростейший вопрос (даже не совсем уверенна, что по адресу), но тут такое дело... Вставляю в эпиграф картинку с надписями, специально подогнанную по ширине эпиграфа. То есть, она должна ровно распределиться по экрану, чтобы надписи было хорошо видно. Но когда вставляю, картинка становится меньше вполовину. Эта проблема вообще решается?

@темы: эпиграф

---

[Береннис]

Доброй ночи!
Хотелось бы сделать так, что бы аватарок в дизайне не было видно вообще: ни в избранном, ни в комментариях. Типа того, как выглядит собственный дизайн, когда хозяин просматривает свой дневник. У меня получалось сделать аватарки невидимыми, но вот сдвинуть текст на эти 100 пикселей влево - почему-то нет.

@темы: отступы, основные блоки, платный сервис, Дизайн