@CSS — стилизация дневников — Дайри (бывший Diary.ru)

суббота, 16 ноября 2013

22:50

Маленький лайфхак

все записи пользователя в сообществе Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

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

Правой кнопкой мыши по посту, который нужно скрыть - исследовать элемент - выдастся айди поста вида #post111111111. Или можно номер посмотреть по url поста.
В свой код вписываем #post111111111 {display: none;}, пост скрывается из ленты, наслаждаемся, сирца, котята, щастье. Потом можно удалить.

К примеру, ID это поста 193235450 (diarycss.diary.ru/p193235450.htm), строка в коде #post193235450 {display: none;} скроет его из ваших лент.

@темы: Мысли вслух

URL

пятница, 15 ноября 2013

16:35

Убрать ссылки в меню.

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

Жизнь будет продолжаться, где бы ты ни был.

Давно не лазила в код, поэтому вопрос глупый:
Как убрать из меню кнопки "Платные сервисы" и "Упоминания"?
Изначально в коде их не было, но потом они автоматически появились и я хочу их убрать теперь.
Буду очень благодарна!

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

URL

среда, 06 ноября 2013

21:24

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

все записи пользователя в сообществе 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

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

URL

18:30

хелп

все записи пользователя в сообществе 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;}

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

URL

14:22

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

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

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

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

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

От себя:
читать дальше

URL

воскресенье, 03 ноября 2013

08:18

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

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

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

URL

суббота, 02 ноября 2013

16:55

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

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

APD проблему решила самостоятельно

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

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

URL

четверг, 24 октября 2013

00:59

***

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

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

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

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

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

URL

вторник, 22 октября 2013

23:22

***

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

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

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

URL

22:44

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

химерная вечность

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

@темы: меню

URL

понедельник, 21 октября 2013

20:28

Нужна помощь

все записи пользователя в сообществе 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;}

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

URL

воскресенье, 20 октября 2013

21:59

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

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

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

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

РЕШЕНО

РЕШЕНО

РЕШЕНО

Код дизайна:

#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

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

URL

суббота, 19 октября 2013

11:35

Темы записей

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

Мне говорили - похожа на мандаринку

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

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

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

@темы: меню

URL

четверг, 17 октября 2013

14:16

commentArea

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

Стою на краю лично вырытой пропасти и думаю, на хрен копал.

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

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

URL

пятница, 11 октября 2013

19:18

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

все записи пользователя в сообществе Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

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

@темы: меню

URL

воскресенье, 06 октября 2013

21:18

все записи пользователя в сообществе (Риш)

Оптимизм - мой щит, остроты - мое оружие, шутовской колпак - мои доспехи

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

@темы: diaryCSS

URL

16:13

все записи пользователя в сообществе [ShokolaD]

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

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

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

@темы: меню

URL

15:09

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

все записи пользователя в сообществе Ветер~

supersonic

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

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

URL

суббота, 28 сентября 2013

19:33

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

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

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

URL

среда, 25 сентября 2013

19:35

все записи пользователя в сообществе .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;}

URL


Запомнить