И ещё один вопрос

[Tish Evans]

1) На странице с комментариями разрыв между основным блоком и экстработтомом, тогда как на странице с записями его нет. Как это исправить?

смотреть

2) @темы
Нужно заменить слово картинкой. Я это сделала, но картинка отображается не целиком, плюс на неё налезает текст. Как это исправить?

смотреть

body {margin:0; padding:0;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('/userdir/2/9/1/2/2912054/79822620.png') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('/userdir/2/9/1/2/2912054/79822667.png') no-repeat bottom; height: 301px; width: 900px; margin-top:0px;}
 #extrabottom {background: url('/userdir/2/9/1/2/2912054/79822883.png') no-repeat; width: 900px; height: 172px;line-height: 100% !important; margin-top: 0px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('/userdir/2/9/1/2/2912054/79822775.png') no-repeat bottom center;}
 {-------------меню------------}
 #side {position: relative; top: -290px !important; left: 20px !important;}
 #side {font:12px Verdana !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style: disc inside !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #6d4c47; padding: 0px 0 4px 0px !important; list-style: disc inside !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 12px Verdana; color: #310300 ; }
 #thisDiaryPhoto img { padding: 3px; background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 3px; border-radius: 3px; width: 70px; height: 70px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 3px #000; }
 .menuSection{font: bold 12px Verdana !important; color: #310300 !important;}
 #side h1 {font: bold 15px Georgia !important; color: #310300 !important; }
 {------------запись----------}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; color:#903b35 !important;}
 .postDate {border-top: 1px dashed #903b35; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #717879; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 10px !important;}
 .postLinks a, .authorName a {color: #717879;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #c4d0e7; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 .header{ font: bold 12px Verdana !important; text-transform: lowercase;}
 #TagsList{ border-bottom: 1px solid #baafaf; padding: 0px !important;}
 .atTag em:before {content: "темы:"; display: none !important;}
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em { background: url('/userdir/2/9/1/2/2912054/79822933.png') no-repeat; width: 33px !important; height: 35px !important;}
 .atTag em{font-style:normal; font-size: 11px; color:#23568b;}
 .atTag a{text-decoration: none; color:#310300 !important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#490500 !important }
 .paragraph div:first-letter { font-size: 25px;}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18px; }
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 10px Georgia !important; color: #353535 !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink{display:none}
 #albumLink{display:none}
 #rssLink{display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink, #unsubscribeEmail{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #randomDiaryLink{display:none}
 #paySupportLink{display:none}
 #authorQuot{display:none}
 #upInChart{display:none}
 #favListLink{display:none}
 #faqLink{display:none}
 #YaSearch {display:none}
 #pchListLink{display:none}
 #iAmQuit, #photolibLink{display:none}
 .order_button {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:120px; height:120px;-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:120px; height:120px; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color:#6083a7;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:18px !important}
 #postsArea .postTitle span:before{content:'время: ' !important; color: #490500; font-size: 10px;}
 .postDate span:before{content:'Дата: ' !important; color: #490500;}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #Journal .postInner {padding-left: 70px;}
 #epigraph .postInner{background-image: none !important; padding:0 !important;}
 .postInner { min-height:140px;height:auto !important; height:140px;}
 .paragraph {width:80%;}
 #epigraph .paragraph{width:100% !important;}
 

3) Вот есть меню:

смотреть

Возможно ли как-то заменить точки на картинку? Точнее, у меня это получилось, но криво: картинка оказалась под точками, т.е. точки не исчезли, к тому же текст налезал на картинку, а при попытке её отодвинуть влево, двигался и текст тоже.

запись создана: 06.11.2013 в 20:12

@темы: меню, Дизайн

---

хелп

[Tish Evans]

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

Код:

body {margin:0; padding:0;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('/userdir/2/9/1/2/2912054/79822321.png') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('/userdir/2/9/1/2/2912054/79822334.jpg') no-repeat bottom; height: 302px; width: 900px; margin-top:0px;margin-left: -1px !important;}
 #extrabottom {background: url('/userdir/2/9/1/2/2912054/79822331.png') no-repeat; width: 900px; height: 35px;line-height: 100% !important; margin-top: -10px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('/userdir/2/9/1/2/2912054/79822318.jpg') no-repeat bottom center; }
 {-------------меню------------}
 #side {position: relative; top: -290px !important; left: 20px !important;}
 #side {font:12px Verdana !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style: disc inside !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #65635c; padding: 0px 0 4px 0px !important; list-style: disc inside !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 12px Verdana; color: #213142 ; }
 #thisDiaryPhoto img { padding: 3px; background: #fff; border: 1px solid #cccbcb; -moz-border-radius: 3px; border-radius: 3px; width: 70px; height: 70px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 3px #000; }
 .menuSection{font: bold 12px Verdana !important; color: #213142 !important;}
 #side h1 {font: bold 15px Georgia !important; color: #213142 !important; }
 {------------запись----------}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: left; font: bold 11px Verdana !important; text-transform: lowercase; color:#1e4e7a !important;}
 .postDate {border-top: 1px dashed #717879; }
 .singlePost {font:12px Verdana !important; }
 .postLinksBackg { text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #717879; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 10px !important;}
 .postLinks a, .authorName a {color: #717879;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #c4d0e7; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 a:hover{cursor: crosshair;}
 .header{ font: bold 12px Verdana !important; text-transform: lowercase;}
 #TagsList{ border-bottom: 1px solid #baafaf; padding: 0px !important;}
 .atTag em:before {content: "темы:"; font-size: 13px; color:#23568b;font-weight:bold; text-transform:uppercase; }
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em{font-style:normal; font-size: 11px; color:#23568b;}
 .atTag a{text-decoration: none; color:#213442 !important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#213142 !important }
 .paragraph div:first-letter { font-size: 25px;}
 .comments_count_link a{ font-weight:bold; font-family: georgia !important;font-size: 18px; }
 .pageBar { font-weight:bold; font-family: georgia !important;}
 .singleComment .header span { float:left; font: 10px Georgia !important; color: #353535 !important; margin: 5px 0px 0px 15px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink{display:none}
 #albumLink{display:none}
 #rssLink{display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #myCommunitiesLink, #unsubscribeEmail{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #randomDiaryLink{display:none}
 #paySupportLink{display:none}
 #authorQuot{display:none}
 #upInChart{display:none}
 #myQuotLink{display:none}
 #favListLink{display:none}
 #faqLink{display:none}
 #YaSearch {display:none}
 #pchListLink{display:none}
 #iAmQuit, #photolibLink{display:none}
 .order_button {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:70px; height:70px;-moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:70px; height:70px; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; }
 #JournalCalendar #content a{color:#6083a7;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:18px !important}
 #postsArea .postTitle span:before{content:'время: ' !important; color: #325571; font-size: 10px;}
 .postDate span:before{content:'Дата: ' !important; color: #325571;}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Georgia !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #Journal .postInner {background: url('/userdir/2/9/1/2/2912054/79822315.png') 0px 0px no-repeat !important;}
 #Journal .postInner {padding-left: 140px;}
 #epigraph .postInner{background-image: none !important; padding:0 !important;}
 .postInner { min-height:140px;height:auto !important; height:140px;}
 .paragraph {width:80%;}
 #epigraph .paragraph{width:100% !important;}
 

@темы: Дизайн

---

[Bernadett-e]

Здравствуйте.

Какие HTML-теги и свойства CSS в "местных стилях" (конструкция вида <тэг style="........"> содержимое </тэг> ) НЕ поддерживает движок diary.ru?

То есть, что я НЕ могу использовать для оформления отдельной записи или комментария?


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

От себя:
— в код нельзя вставить комментарии (очень, очень жаль);
— не задаётся произвольное межстрочное расстояние (или я что-то делаю не так, но ЧТО там не так можно сделать?)
— не получается кегль текста задавать в em, только в px ("привет" масштабируемости текста);
— почему-то видео, вставленное в "тело" новой записи без какой-либо обёртки нормально масштабируется, но оно же внутри блока даже без оформления перестаёт масштабироваться (как обойти?)

---

[Торстон]

Пожалуйста, подскажите как убрать подчеркивание ссылок в эпиграфе. Нигде в коде нет underline, а подчеркивание все равно есть.
Дневник: blackberryfairy.diary.ru/

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

---

[Лан Мао]

APD проблему решила самостоятельно
Нужна помощь с дополнительным блоком.
дизайн выглядит так, белая полоса #add_block1 {background: url('картинка')top center repeat-y; height: 100%; width: 100%; position: fixed; z-index: 2; top:0px; left:-420px;}

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

---

***

[Tish Evans]

Товарищи, вопросы про @темы. Внизу поста после его публикации, если проставить темы (кто-то называет это тегами), присутствует:

@темы: бла-бла-бла

Так вот, вопрос: реально ли убрать слово "Темы", но только и только его, сами темы должны остаться?

@темы: Дизайн

---

***

[Tish Evans]

Товарищи, а кто-нибудь знает, как в ссылке "Платные сервисы – 1" убрать вот это - 1? Мозолит глаз. Могу, конечно, убрать всю ссылку, но всё же, вдруг возможно убрать только часть?)

@темы: меню, Дизайн

---

[Albert Osbourne]

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

@темы: меню

---

Нужна помощь

[Tish Evans]

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



Код:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/1/6/1/9/1619707/79702794.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #c6cfa6 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/1/6/1/9/1619707/79702789.png'); #; background-repeat: no-repeat; width: 1200px; height: 465px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/1/6/1/9/1619707/79702802.png'); #; background-repeat: no-repeat; width: 1200px; height: 143px; margin-left: 17px; position: relative; margin-top: -1px;}
 {-------меню--------}
 #side {position: relative; top: -30px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 106px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 53px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/1/6/1/9/1619707/79693688.png') no-repeat 100% 100%; height:75px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#3b3f39 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 

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

---

Нужна помощь!

[Tish Evans]

Здравствуйте! Делаю дизайн для подруги, и как всегда проблема с отступами -_-

upd
6. Форма входа: блоки для ввода логина и пароля не отображаются. Там вообще полный ахтунг с кодом, насколько я понимаю -_-

РЕШЕНО

7. На странице с комментариями отображаются сразу два разделителя. Это баг? Если да, то как от него избавиться?

РЕШЕНО

5. И наконец, кнопка "статистика". Можно её запихать в экстработтом?? А то наверху она мешается, куда ни сунь - везде не к месту.

4. Счётчик у ссылки "мой дневник" почему-то отображается на следующей строке, а не рядом. Как это исправить?

РЕШЕНО

1. При открытии страницы с комментариями обнаруживаем, что дата, заголовок поста и кнопки редактирования налезают на меню и название дневника. Как опустить всё это дело вниз?


2. Всё на той же странице с комментариями сами комментарии и форма для добавления нового комментария вылезают за границы рамки. Как вернуть их на полагающееся им место?


3. Эпиграф налезает на меню, надо опустить его вниз. А кнопка редактирования эпиграфа вообще находится где-то под юзерпиком. Но её, как я понимаю, можно опустить вместе с эпиграфом, поэтому вопрос всё тот же: как опустить вниз эпиграф?


Код дизайна:

#wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/1/6/1/9/1619707/79702794.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 .postActionLinks { position:relative; left:-50px; }
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: # fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #c6cfa6 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 0px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('/userdir/1/6/1/9/1619707/79702789.png'); #; background-repeat: no-repeat; width: 1200px; height: 465px; margin-bottom: 0px;margin-left: 17px;}
 #extrabottom {background: url('/userdir/1/6/1/9/1619707/79702802.png'); #; background-repeat: no-repeat; width: 1200px; height: 143px; margin-left: 17px; position: relative; margin-top: -1px;}
 {-------меню--------}
 #side {position: relative; top: -30px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 106px !important; margin-top: -27px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 23px times new roman !important; font-style: italic !important; margin-left: 53px !important; margin-top:142px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #iAmQuit {display:none;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 4px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #678b42 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #678b42 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #678b42 !important; position:absolute;}
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('/userdir/1/6/1/9/1619707/79693688.png') no-repeat 100% 100%; height:75px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; font-weight: bold !important; font-size: 15px !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#3b3f39 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 

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

запись создана: 19.10.2013 в 19:53

@темы: эпиграф, отступы, Дизайн

---

Темы записей

[Кошмаринка]

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

body {padding:0px;margin:0px; background:url('/userdir/5/9/2/1/592173/79623650.jpg');}
 a { color: #538b1f; text-decoration:none !important;}
 a:hover { color: #3f2e1f; }
 #extratop {height: 420px; background: url('/userdir/5/9/2/1/592173/79625085.jpg')no-repeat center; width: 1300px; min-width: 1300px !important; margin-left: -200px !important;}
 #wrapper {background: url('/userdir/5/9/2/1/592173/79623515.jpg') repeat-y; width: 900px; min-width: 900px !important;}
 #page-c {width: 100px;}
 #page-t {width: 650px; margin-left: 15px; margin-top: -100px;}
 #side {width: 210px; margin-top: -250px;}
 #side h1 { width: 230px; position: relative !important; top: -130px; left: -610px; }
 #side h1 a {display:block; width:274px; height:125px; line-height:800px; overflow:hidden; background: url('/userdir/5/9/2/1/592173/79624105.png') 2px 4px no-repeat; position:relative !important; top:20px !important; left: -18px !important;}
 #side h1 a{font-size: 20pt;color: #5b2c13 !important;}
 .menuSection_title {display: block; font-weight: bold !important; font-size: 12pt; color: #5b2c13 !important; width:160px; height:20px; padding:10px 0 0 32px; background:url('/userdir/5/9/2/1/592173/79625001.png') no-repeat; margin:0 0 5px 0; line-height: 5px !important;}
 .singlePost .postTitle span { float:left; font-size:16px; width: 95px; height:45px; line-height:42px; color:#fff; background:url('/userdir/5/9/2/1/592173/79625059.png') no-repeat; text-align: center; margin-right: 5px; font-weight: bold;}
 .postTitle {height:50px; line-height:140%; font-size: 23pt;margin-bottom: 10px !important; margin-left: -40px !important; color:#391c12;}
 #extrabottom {height: 295px; background: url('/userdir/5/9/2/1/592173/79623662.jpg')no-repeat center; margin-top: -60px;}
 #extrabottom {height: 295px; background: #no-repeat center; margin-top: -60px;}
 #side li {background: url('/userdir/5/9/2/1/592173/79612272.gif')no-repeat;}
 .menuSection li { font-weight:normal;height: 23px; line-height: 13px; padding-left: 10px !important;}
 .postLinksBackg a { color: #5b2c13;}
 .postLinksBackg a:hover {color: #95733c !important;}
 #epigraph {border-bottom: none !important; padding: 5px 5px 0 0 !important;}
 {---------------}
 #pchs li {background: none; display:block; line-height: 20px; width: 160px; height: 100%;}
 #pchs_title {background: none; font-size: 8pt; width: 200px;}
 #lastComments_title {background: none; font-size: 8pt; width: 200px;}
 #lastComments li {height: 35px; line-height: 10px; width: 160px !important;}
 .quote_text {font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 1px dashed #538b1f; border-right: 1px dashed #538b1f; border-bottom: 1px dashed #538b1f; border-left: 5px solid #538b1f;}
 .paragraph div:first-letter { font-size: 50px; float: left !important; float: none; font-weight: bold; font-family: "Mistral", "Times New Roman"; margin-right: 3px; color: #5b2c13; line-height:100% !important; line-height:140%; }
 .paragraph div div:first-letter { font-size: 100%; font-family:Arial, Helvetica, sans-seif; float: none !important; margin: 0px; line-height:130%; color: #000;}
 #lastComments ul li {width: auto !important;}
 #authorName {position: relative !important; top: -10px; left: -5px; font-size: 16pt; color:#391c12; font-style: italic; font-weight: bold;}
 .menuSection li {font-weight:normal;padding-left: 10px !important; font-size:16px; color:#538b1f;}
 .postLinksBackg {font-style: italic; font-size: 10pt; border-bottom: 1px #5b2c13 dashed; padding: 5px 5px 5px 5px !important; border-left: 1px #5b2c13 dashed; border-right: 1px #5b2c13 dashed; font-family: verdana;}
 #lastComments {display: none;}
 #photolibLink, #randomDiaryLink, #diarySpiritLink, #albumLink{display: none;}
 .avatar img{width:85px; border: 4px double #5b2c13}
 #TagsList{background: #e9cca8; overflow:visible !important; width: 160px !important; position: absolute; }
 #TagsList span {margin-right: 20px;} 

Последние две строки

#TagsList{background: #e9cca8; overflow:visible !important; width: 160px !important; position: absolute; }
 #TagsList span {margin-right: 20px;}

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

@темы: меню

---

commentArea

[Moonly]

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

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

---

Закрепить ссылку из выпадающего меню

[Тайя.]

Есть выпадающее меню. Хочу некоторые ссылки вынести отдельно, проблема в том, что появляются они только при наведении на меню.
#discussionLink {position: fixed; top: 200px; display: block !important; visibility: visible !important; z-index: 1 !important;}, ссылка возникает только при наведении на "Мой дневник", а я хочу, чтобы конкретно эта ссылка была видна все время.
Как открыть полностью меню, нашла по сообществу, но как закрепить только одну ссылку?

@темы: меню

---

[(Риш)]

Ищу человека, который готов за небольшую плату создать дизайн для Dairy в CSS.
Есть эскиз нужно только прописать его.
Немного не по теме, но ОЧЕНЬ актуально.

@темы: diaryCSS

---

[[ShokolaD]]

1) Черновики в сообществе (3)
Подскажите пож-та как подвинуть цифру, спасибо

2) можно ли сделать содержимое кнопки "поделиться" всегда открытым?

запись создана: 05.10.2013 в 20:38

@темы: меню

---

Выпадающее меню

[Ветер~]

Доброго дня, товарищи. У меня к вам (подозреваю) глупый вопрос. Хочу сделать выпадающее меню вверху, но оно выпадает почему-то под эпиграф. Что я делаю не так и как с этим бороться?

Скрин прилагается.

Буду благодарен за примеры работающего кода для выпадающего меню. Требуется наиболее простой вариант.

@темы: меню, эпиграф, отступы, diaryCSS

---

[La mignonne]

Подскажите пож-та, как задать нижний отступ для "читать дальше", чтобы между кнопкой и текстом на другой строчке было больше места

@темы: отступы

---

[.Milagros.]

Добрый день, помогите! #page-t отображается неверно, не заливается фоном как #side

#wrapper{width:860px;min-width:860px; padding-top: 5px !important; background:url('/userdir/3/1/8/0/3180902/79521607.png'); left:50%; margin-left:-430px; margin-top: 0px !important; position: absolute;}
 body {background:url('/userdir/3/1/8/0/3180902/79521496.jpg') repeat; margin-top: 0px !important;}
 #side{width:180px; background: #E8E6DA; margin: 5px 0px 10px 10px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#CEA29F;}
 .left #page-c {margin-left:-195px;}
 .left #page-t {margin-left:195px;}
 #page-t {background: #E8E6DA width:650px; margin: 5px 10px 10px 197px !important; -moz-border-radius: 10px; border-radius: 10px; border-style: solid; border-width:2px; border-color:#CEA29F;}
 #authorFav, #rssLink, #upInChart, #albumLink, #communityCatalogueLink, #diarySpiritLink, #faqLink, #lastComments, #pchs, #topNav, #myAccountLink {display:none !important;}
 .postTitle {font: bold 16px Georgia; background: #e4f2f0; margin-bottom: 15px !important; padding: 5px 5px 5px 5px!important; text-align : center; text-shadow : #848484 1px 1px 1px; }
 .postTitle {background: #E8E6DA !important; }
 #post0 .postTitle {background: transparent !important; }
 A:HOVER{color: #E8E6DA !important; text-decoration: none;}
 .postDate{font-style:italic !important; font-size:12px !important;}
 .singlePost {position: relative; padding: 5px 0px 0px 0px !important; }
 .quote_text {background:#f8e0d4 !important; padding: 12px; display:block;}
 #side h1 a{font: bold 20px Georgia;}
 #authorName {font: italic 13px Georgia !important;}
 .avatar img, .avatarNew img {border: 2px solid #e5835e;}
 img{max-width: 640px;}
 

---

Несколько extratop

[Elena-Prekrasnaya]

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

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

---

[Yuna_Kairi]

Дорогое сообщество, доброй ночи.э
Подскажите, пожалуйста, 2 момента: как сделать так, чтобы ссылки в постах не подчеркивались и как убрать чертову ссылку "платные сервисы"?

код:

 #wrapper{ background: #e3f1fa;min-width:800px!important; width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; position: relative !important }
 #page-c{width:800px !important;padding:0 !important;padding:0 !important; background: # repeat-y}
 #side{width:0px !important;margin:0 !important}
 #side h1 {background: none !important; border: none !important}
 #page-t {margin:0 !important}
 #side h1 a{position:absolute; top:20px; left:620px; font-size: 22px; color: #b1d7fe!important; font-family: celine dion handwriting; font-size:200%;}
 #extratop {background:url('/userdir/1/4/4/3/144393/79475715.jpg')no-repeat; height:551px; width:800px;}
 #authorName { position:absolute; top:30px; left:65px; color: #b1d7fe!important; font-family: celine dion handwriting; font-size:200%;}
 #mainpageLink { position:absolute; top: 70px; left: 50px;}
 #randomDiaryLink { position:absolute; top: 90px; left: 55px;}
 #myDiaryLink { position:absolute; top: 110px; left: 50px;}
 #myCommunityLink a b{position: absolute; top:110px; left: 50px; }
 #writeThisDiary { position:absolute; top: 130px; left: 55px;}
 #umailLink { position:absolute; top: 150px; left:50px;}
 #myFavLink { position:absolute; top: 170px; left:55px;}
 #discussionLink { position:absolute; top: 190px; left:50px;}
 #optionsLink { position:absolute; top: 210px; left:55px;}
 #addToFav, #delFromFav { position:absolute; top:230px; left: 50px;}
 #iAmQuit { position:absolute; top: 250px; left: 55px;}
 #myQuotLink , #writeToAuthor,#Stats, #pchs, #pchs ul, #tagslistlink, #upInChart , #albumLink, #allDiaryLink, #favListLink, #myCommunitiesLink, #diarySupportLink, #paySupportLink, #faqLink, #topNav , #more_login, #diarySpiritLink , div#YaSearch.menuSection, #pchListLink , #communityCatalogueLink , #photolibLink, #myLinks , #authorLiks , #headlineList, #myLinksLink, #login_form, #myQuotLink , #postsCalendar, #rssLink , #myDraftLink , #myProfileLink , #authorFav, #authorQuot, #authorAlbum, #albumLink , #QuotLink , #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #sortFromBegin, #topNav ,#sortFromEnd, #sortFromLastComment, #myNotepadLink {display:none}
 .urlLink a{display:none !important}
 #side a:hover{text-decoration:none !important}
 .header { text-align:center; margin: 0px;padding: 0 !important; background: none !important;}
 a { text-decoration: none; color: #76a5d6}
 a:hover { text-decoration: none !important; border-bottom:1px dotted #7c7c7c}
 .postLinks {padding-right:200px !important; }
 .atMusic em, .atMood em, .atTag em { font-size: 11px !important; font-style: normal !important; }
 .atTag em a { font-size: 12px !important; font-style: normal !important; }
 #epigraph {padding:0px 0px 0px 5px !important; margin: 0px 0px 0px -5px !important}
 textarea, .#but{width:680px !important; overflow: auto;}
 nobr {white-space: normal !important;}
 span.quote_text { display: block; margin: 10px;padding: 10px; padding-top: 10px; border:1px dotted #56c3ca!important; }
 .authorName a{padding-left:15px !important}
 .singlePost{padding-left:10px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:10px !important;}
 .singlePost{padding-top:10px !important;}
 .singleComment{padding-left:10px !important;}
 .singleComment{padding-right:10px !important;}
 .singleComment{padding-bottom:10px !important;}
 .singleComment{padding-top:10px !important;}
 #extrabottom {background: url('/userdir/1/4/4/3/144393/79481918.jpg'); width: 800px; height:357px; line-height: 100% !important; right: 0px; }
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #allDiaryLink {text-align:center; }
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate {text-align: center}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:dotted; padding:1px; display: block;}
 .postDate{text-align:center; text-transform: uppercase;}
 .postLinksBackg {margin-bottom: 10px !important; text-transform: uppercase;}
 .paragraph div:first-letter { font-size: 35px; font-family:Venski Sad Two; margin-right: 3px; color: #146579; line-height:100% !important; line-height:140%; }
 img {max-width:750px;}
 .singlePost {padding-bottom: 50px !important; letter-spacing: 1px; !important; background: url('/userdir/1/4/4/3/144393/79150784.gif') center bottom no-repeat;}
 body { margin: 0 !important; padding: 0 !important; }
 body { background:url('/userdir/1/4/4/3/144393/79151165.jpg'); background-attachment: fixed;}
 .postDate { border: #3493c0 dotted 1px !important;}
 #post0 { border: none !important;}
 #msgTitle { border: #3493c0 dotted 1px !important;}
 .singlePost{padding-left:10px !important;}
 .singlePost{padding-right:25px !important;}
 .singlePost{padding-bottom:30px !important;}
 .singlePost{padding-top:15px !important;}
 .postInner { display: block; margin: 5px;padding: 10px; padding-top: 10px; border:2px dotted #f6abdb!important; }

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