@CSS — стилизация дневников — @дневники: асоциальная сеть

четверг, 30 августа 2012

22:14

все записи пользователя в сообществе синяк на пятке

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

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

URL

21:39

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

все записи пользователя в сообществе Трепетная Няшка

Желез желудка секрецию понижающее средство-Н2-гистаминовых рецепторов блокатор.

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

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

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

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

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

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

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

URL

суббота, 25 августа 2012

11:24

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

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

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

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

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

@темы: меню

URL

пятница, 24 августа 2012

21:52

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

все записи пользователя в сообществе Uilenspiegel

Жрец помойки №8

Я новичок в 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, основные блоки

URL

вторник, 21 августа 2012

21:48

все записи пользователя в сообществе Лютольвица

no regret,no gloria...

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

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

@темы: diaryCSS

URL

пятница, 17 августа 2012

01:53

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

@темы: меню

URL

четверг, 16 августа 2012

09:36

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

все записи пользователя в сообществе Megumi Reinard aka Luna Kou

"Не произносите лишних слов - не засоряйте пространство"

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

<div class="postTitle header">

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

{height:100px}

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

URL

среда, 15 августа 2012

11:45

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

все записи пользователя в сообществе VoG

Одни проглатывают обиду. Другие - обидчика.

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

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

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

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

URL

понедельник, 13 августа 2012

06:25

все записи пользователя в сообществе Deya Inferi

Per aspera ad astra.

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

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

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

URL

воскресенье, 12 августа 2012

16:45

все записи пользователя в сообществе Хаура

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

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

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

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

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

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

URL

пятница, 10 августа 2012

18:39

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

все записи пользователя в сообществе acid revolution

тепловая смерть вселенной.

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

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

URL

понедельник, 06 августа 2012

01:36

все записи пользователя в сообществе Dr. John H. Watson

...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©

Адаптирую дизайн с сайта под дневники. По ходу возникло несколько вопросов:
1. И блок записей, и меню, взяты в рамку, при этом между ними слишком большой зазор, при том то враппер -980, блок - 680, а меню - 200. Пытаюсь увеличить меню - оно съезжает вниз, поднимаю, на главной - все в порядке, на странице избранного - съезжает. Как это устранить?
~~2. Блок записей, опять же, обведен в рамку и задан фон, как задать фон блоку комментариев?~~
~~3. Скорее всего, тут где-о уже было, но я не нашел. Как перед каждым пунктом меню поставить значок?~~
4. Поставил перед комментариями значок ( .postLinks { background: url("secure.diary.space/userdir/3/0/3/9/3039034/7563...") 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, платный сервис

URL

суббота, 04 августа 2012

18:18

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

все записи пользователя в сообществе queer deer

няша - бальзаша

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

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

URL

суббота, 28 июля 2012

21:20

все записи пользователя в сообществе crimson soda

sometimes the hardest thing and the right thing are the same

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

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

URL

пятница, 27 июля 2012

04:38

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

все записи пользователя в сообществе Неуч

Как сделать экстратоп в центре вверху, чтобы он не сжимал дневник и не плавал?
Разрешение моего дисплея 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;} это задний фон)))
Как сделать, чтобы при входе в дневник играла музыка как фон повторяясь и чтобы всё это работало в одном коде?
читать дальше

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

URL

четверг, 26 июля 2012

16:10

Курсор

все записи пользователя в сообществе Мати Матисс

Distrust is the way of guard, Untruth is the way of thrust.

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

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

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

@темы: diaryCSS

URL

четверг, 19 июля 2012

14:22

все записи пользователя в сообществе iezekiil

Важнейшим из искусств для нас является окклюменция

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

Пример:

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

читать дальше

читать дальше

@темы: текст

URL

воскресенье, 15 июля 2012

22:03

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

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

@темы: меню

URL

16:26

все записи пользователя в сообществе L. Q.

There’s no way outside of my land

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

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

URL

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

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

Меню

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

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

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

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

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

Комментарии

Курсор

@CSS — стилизация дневников


Запомнить