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

вторник, 11 ноября 2014

17:48

Дочерний селектор

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

натюрморт с хомяками

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

.class1 > div

на выходе он даёт что-то в духе

.class1 # div

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

~~Честно искал по соо запрос. Не нашёл, извините, если было.~~

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

URL

суббота, 08 ноября 2014

08:58

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

Как убрать расстояние/поднять эпиграф повыше?
скрин

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

URL

воскресенье, 26 октября 2014

14:36

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

не будь среди тех, кто стреляет по мне.

Хочу удалить сектор в меню с Избранное автора, Цитатник автора. Он имеет свое название?

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

URL

среда, 22 октября 2014

00:04

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

не будь среди тех, кто стреляет по мне.

Как убрать расстояние между блоками? Каааак? ;_;
Что сделать?

@темы: меню, отступы

URL

вторник, 21 октября 2014

18:44

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

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

 #commentsArea, #addCommentArea {margin: 0px 0px -1px 15px!important; width: 890px; padding: 5px -20px 0 20px!important;}

{------------------------------КАРТИНКИ---------------------------------}
 body { background-color: transparent; background-image: url("/userdir/3/2/8/0/3280460/81947026.png"), url("/userdir/3/2/8/0/3280460/81947026.png") !important; background-position: left top, left top!important; background-repeat: repeat-x, repeat !important;}
 #extratop {background: url('/userdir/3/2/8/0/3280460/81950597.png') 0px top no-repeat; height: 130px; width: 890px;}
 #extrabottom {background: url('/userdir/3/2/8/0/3280460/81950589.png') 0px 0px no-repeat; height: 34px; width:890px;}
 #page-c {background: url('/userdir/3/2/8/0/3280460/81950619.png') repeat-y;width: 890px; min-height: 1500px;padding-bottom: 20px!important;}
 #postsArea {margin: 0px 0 -1px 15px!important; width: 810px; padding: 520px 20px 0 20px!important;background: url('/userdir/3/2/8/0/3280460/81949452.png') center 15px no-repeat; }
 .quote_text { background: url("/userdir/3/2/8/0/3280460/81949275.png") 5px 5px no-repeat; color: #b90000!important; font-style: normal!important; margin: 0px 0 0 30px; padding: 5px 10px 5px 25px; width: 85%;display: block;border-top: 1px solid #b90000;}
 #globalLinks_title, #myDiaryLinks_title, #myCommunityLink_title, #thisDiaryOwner_title {display:block; width:158px; height:27px; line-height:500px; overflow:hidden; background: url('/userdir/3/2/8/0/3280460/81949328.png') no-repeat; }
 .atMusic span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280460/81947053.png') 0px 0px no-repeat;}
 .atMood span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280460/81947053.png') 0px -55px no-repeat;}
 .atTag span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280460/81947053.png') 0px -28px no-repeat;}
 {----------------------------------------------------------------------------}
 {----------------------------------------------------------------------------}
 {----------------------------------------------------------------------------}
 #Journal img { max-width: 850px !important; }
 img { max-width: 650px !important; }
 .blockquote img { max-width: 500px !important; }
 a:hover {color: #CB9258!important; text-decoration: none!important;}
 #authorName:hover {color: #CB9258!important; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #538d59!important;padding: 5px!important;}
 a {text-shadow: 0px 0px #a9a6a6, 1px 1px #FFF;}
 .submit {padding: 5px!important;background:#8a9b71!important;}
 {------------------------------}
 #wrapper{width:890px!important; position: relative;}
 #commentsArea, #addCommentArea {margin: 0px 0px -1px 15px!important; width: 890px; padding: 5px -20px 0 20px!important;}
 .header {text-transform: uppercase; font: normal 12px Segoe Print!important;}
 .singlePost, .singleComment {margin-bottom: 30px!important; }
 .postLinksBackg li { background:#CB9258; padding: 5px; color: #fff;transition: all 0.4s ease-in 0.0s;}
 .postLinksBackg li:hover { background:#CB9258;transition: all 0.2s ease-in 0.0s;}
 .postLinksBackg a {color: #fff; text-shadow: none!important;}
 .postLinksBackg a {font: italic 12px Segoe Print; color: #842b0d!important; }
 .postDate {font: italic 12px Segoe Print; color: #842b0d!important; }
 {----------------меню------------}
 #side {position: absolute; top: 105px; right: 95px;color: #fff; text-align: center;}
 #globalLinks_title {background-position: -316px 0px;}
 #myDiaryLinks_title, #myCommunityLink_title {background-position: -158px 0px;}
 #thisDiaryOwner_title { background-position: 0px 0px;}
 #side #thisDiaryInfo {position: absolute; top: 420px; right: 33px;}
 #authorName {dispaly: block; width: 290px; height: 20px; text-align: center!important; color: #842B0D!important; font: normal 17px Segoe Print !important; white-space: pre;text-shadow: none!important;}
 #side ul {background:#C89B5C; width: 140px;}
 #side ul a {color: #fff;white-space: pre-line;}
 #side h1 {font: normal 17px Segoe Print !important; position: absolute; left: -340px; top: 13px; text-shadow: 0px 0px #a9a6a6!important, 1px 1px #FFF!important;}
 #side ul a {text-shadow: -1px -1px #217029, 0px 0px #FFF;}
 #side ul li {border-bottom:1px solid #9fa099; padding-bottom: 3px;}
 .menuSection {font: italic 12px Segoe Print; color: #CB9258!important; }
 .postInner {font: italic 12px Segoe Print; color: #842b0d!important; }
 {--------none----------}
 #YaSearch, #pchs, #lastComments, #myLinks, #thisDiaryLinks, .order_button, #epigraph .postLinksBackg, .Attention, .prevnext,#epigraph .header, #iAmQuit, #bottomNav{display: none!important;}

URL

воскресенье, 19 октября 2014

20:59

нид хэлп!

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

Квинтэссенция хаоса.

Делаю диз, в процессе всплыли кое-какие ляпы. Пыталась вправить, но тут как в дурном анекдоте: исправишь одно - поедет другое. И так по кругу.
Шаблон табличный (в блочном едет только так).

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

читать дальше1. Вот так выглядит часть ленты, цитатника или страницы новой записи. Нужно убрать верхний серый промежуток:

2. Почему-то никак не хочет вставать фон для календаря.

3. На странице тем прописанный фон уже общей ширины #page-c; при этом если прописывать равное ширине блока число (850рх), внизу появляется скролл. А если уменьшать (например, 750рх), то оно слушается, но смотрится некрасиво:

Помогите пожалуйста, я уже вообще ничего не понимаю(

Код (подозреваю, что ляпов там дофига, но я их уже не вижу):

#wrapper{min-width:850px!important;width:838px; margin: -10px auto !important; margin-bottom: -10px!important; padding: 2px !important; background: #bcbcbc;}
 #page-c{width:850px !important; padding: 0 !important; margin: 0 !important; }
 #page-t {margin:0 !important;}
 body {background-attachment: fixed;}
 #extratop{background: url('...'); no-repeat; float:center; margin-top: -5px !important; width:850px; height: 400px;}
 #commentsArea, #newCommentsArea, #addCommentArea, #msg_form, #pageBar, .singlePost {background-color: #fff; margin-top: 30px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}
 .first, #epigraph {margin-top: -0px;}
 #epigraph {background-color: #fff; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px;}
 #JournalComments .first {margin-top: -0px !important;}
 #JournalComments .first {background-color: #fff; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px;}
 #JournalFavorite .first {margin-top: -0px; -moz-border-radius-topleft: 0px !mportant; -moz-border-radius-topright: 0px !mportant; -moz-border-radius-bottomright: 7px !mportant; -moz-border-radius-bottomleft: 7px !mportant; -webkit-border-radius: 0px 0px 7px 7px !mportant; border-radius: 0px 0px 7px 7px !mportant;}
 #JournalFavorite .singlePost {margin-bottom: 30px; background-color: #fff; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}
 .urlLink {font-size: 10px;}
 #side {position: absolute !important; top: 0px !important; left: 0px !important; width: 0px !important;}
 #side h1 a{position:absolute; top: 310px; left: 20px; width:850px; font-size: 46px; font-family: 'Aquarelle'; font-weight: bold; color:#fff !important; text-shadow: 2px 2px 2px #e25860 !important;}
 .tags_ul_all {background-color: #fff !important; margin-top: -6px !important; overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; min-width: 800px; padding-right: 20px !important;}
 #myCommunitiesLink, #myLinks, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #sortOrder, #topNavLinks, #communityCatalogueLink, #favListLink, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #subscribeEmail, #myNotepadLink, #commentsArea_title, #myProfileLink, #new_post_title, #bottomNav, .atTag em SPAN, .atMusic span, #myAccountLink, .atMood {display:none!important;}
 #epigraph .postLinksBackg {display: none !important;}

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

URL

04:33

Список постоянных читателей; главное меню; список тегов

все записи пользователя в сообществе Arthur, darling

в слове «dreams» всегда звучит твоё тёплое имя. [c]

Доброй ночи. Возникли проблемы с блоками меню.

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

2. Как убрать главное меню?

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

upd: все вопросы решены, спасибо.

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

URL

среда, 15 октября 2014

14:03

Меню, служебные страницы, комменты и прочее

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

don't keep calm and fuck them all

Здравствуйте!
Делаю новый диз, а заодно повышаю собственный уровень. С большинством задач справилась, но что-то никак не дается, и мозг уже отказывается плясать с бубном. Поэтому, помогите пожалуйста!

Из желаемого, что никак не хочет сдавать свои позиции:
читать дальше
С какой стороны к ним подобраться? Я вроде бы все перепробовала, а они не сдвигаются с места. ><

Из багов:
читать дальше

Я буду очень, очень, ооочень благодарна за помощь! Надеюсь никого не испугают такое количество необходимых советов. :beg:

КОД:

.block_design {background: url('/userdir/2/7/0/2/2702809/81786210.png') fixed repeat;}
 #wrapper {min-width:800px!important; width:800px; margin-top: 0px !important; margin-bottom: 20px !important; padding-bottom: 0px !important;}
 {-------------------------singlepost-------------------------}
 .singlePost {background: #ffffff !important; margin-top: 65px !important; padding: 30px 60px 30px 65px !important; text-decoration: none !important; border-bottom: 1px solid #e0e0e0 !important;}
 .singlePost {position: relative !important;}
 .singleComment {background: #ffffff !important; margin-top: 65px !important; padding: 30px 60px 30px 65px !important; text-decoration: none !important; border-bottom: 1px solid #e0e0e0 !important;}
 .singleComment {position: relative !important;}
 {-----------------------------side-------------------------------}
 #side {height: 100px !important; background: #000000 ; margin-top:-9px !important; margin-bottom: 30px !important; -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.41); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.41); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.41);}
 #side h1 {position: absolute; left: 145px; top: 130px;}
 #side h1 a {font: bold 37px Georgia !important; color: #000000 !important; text-transform: uppercase; text-decoration: none !important; text-shadow: 0px 1px 1px rgba(149, 150, 150, 0.82)}
 #side h1 a:hover {color: #6d688c !important;}
 #thisDiaryInfo img {display: none !important;}
 #thisDiaryInfo {position: absolute; left: 0px; padding-top: 25px; margin-left: -15px !important;}
 #thisDiaryInfo a {font: 16px Tahoma !important; color: #ffffff !important; text-transform: none !important; text-decoration: none !important; opacity: 1;}
 #thisDiaryInfo a:hover {color: #6d688c !important; opacity:1;}
 .menuSection_title {font: 17px Georgia !important; color: #ffffff !important; text-decoration: none !important; text-transform: uppercase; opacity: 1;}
 .menuSection a {font: 16px Georgia !important; color: #ffffff !important; text-decoration: none !important; text-transform: uppercase; opacity: 1;}
 .menuSection a:hover {color: #6d688c !important;}
 #thisDiaryLinks {position: absolute; padding-top: 30px; right: 490px !important;}
 #thisDiaryOwner {position: absolute; padding-top: 30px; right: 390px !important;}
 #myDiaryLinks {position: absolute; padding-top: 30px; right: 225px !important;}
 #globalLinks {position: absolute; padding-top: 30px; right: 50px !important;}
 #side ul {background: #000000; padding: 10px !important;}
 #tagslistlink ul {width:500px !important; min-width: 500px !important; max-width: 500px !important; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
 #tagslistlink ul li {width: auto !important;}
 #TagsList a {font: 12px Georgia !important; color: #ffffff !important; text-decoration: none !important; text-transform: uppercase; opacity: 1;}
 #TagsList a:hover {color: #6d688c !important; opacity:1;}
 #TagsList span {display: none !important;}
 #umailLink, #discussionLink span {color: #ffffff !important;}
 {-------------------display: none-----------------------}
 #Stats, #iAmQuit, #more_login, #myAccountLink, #myNotepadLink, #albumLink, #photolibLink,#allDiaryLink, #communityCatalogueLink, #randomDiaryLink, #faqLink, #YaSearch, #upInChart, #rssLink, #lastComments, #commentsArea_title, .order_button, .prevnext, .atTag span, .upPostLink, .sign, .pages_str, .atMusic, .atMood, .quote_post, .quote_comment, .subscribe, .unsubscribe, .addToQuote, .umail, .diary, .profile, .urlLink {display: none !important;}
 {----------------------epigraph--------------------------}
 #post0 {padding-top: 0px !important; margin-top: -28px !important; margin-bottom: -28px !important; border: none !important;}
 #epigraph a {font: 17px Tahoma !important; color: #000000 !important; text-decoration: none !important;}
 #epigraph .urlLink {display: none;}
 #epigraph a:hover {color: #6d688c !important;}
 #epigraph .header {border: none !important;}
 #epigraph .postLinksBackg {border: none !important;}
 {-----------------------postdate & header------------------}
 .postDate {font: 14px Tahoma !important; color: #000000 !important; opacity: .5; text-align: center;}
 .postDate {position: relative; bottom: 7px !important;}
 .header {border-top: solid 1px #c0c0c0 !important; border-bottom: solid 1px #c0c0c0 !important;}
 .header {position: relative; padding-top: 20px !important; padding-bottom: 20px !important; text-align: center;}
 .header span, .header h2 {font: 20px Arial !important; color: #000000 !important; opacity: .6;}
 .opac6 {width: 0; height: 0; background: url('/userdir/2/7/0/2/2702809/81934278.png') no-repeat; padding: 15px 20px 10px 5px !important; margin-bottom: 4px !important; opacity: 1;}
 {----------------------postLinks---------------------------}
 .atTag a {font: bold 12px Tahoma !important; color: #6a6969 !important; text-decoration: none !important; text-transform: lowercase; background: #e0e0e0 !important; padding: 5px !important; border-radius: 2px !important; margin-top: 5px !important; line-height: 33px !important;}
 .atTag a:hover {background: #ffffff !important; color: #6d688c !important;}
 .atTag {color: #ffffff !important;}
 .postLinks li {display: inline-block;}
 .postLinksBackg {padding-top: 25px !important; position: relative; bottom: 4px;}
 .postLinksBackg {text-align: center;}
 .postLinksBackg a {font: 20px Arial !important; color: #6d688c !important; text-decoration: none !important; text-align: center !important; text-transform: uppercase;}
 .comments a:hover {color: #5c5c5c !important;}
 .comments_count_link:nth-child(2) {visibility: hidden;}
 .comments_count_link a:nth-child(1) {visibility: visible;}
 .comments_count_link a {font: 12px Arial !important; border-radius: 100px !important; border: 1px solid #c1bfbf !important; padding: 13px 17px 13px 17px !important; 5px !important; position: relative; left: 6px !important; bottom: 3px; margin-left: -5px !important;}
 .comments_count_link a:hover {font: 12px Arial !important; border-radius: 100px !important; border: 1px solid #c1bfbf !important; padding: 13px 17px 13px 17px !important; 5px !important; position: relative; left: 6px !important; margin-left: -5px !important;}
 .postLinksBackg {margin-top: 20px! important; padding-bottom: 10px !important; padding-top: 12px !important;}
 {-----------------------postActionLinks-----------------}
 .postActionLinks li {display: inline-block;}
 .delPostLink a {background: url('/userdir/2/7/0/2/2702809/81920955.png') no-repeat; width: 24px; height: 24px; display: block; opacity: 0.3; margin-right: -8px !important;}
 .delPostLink img {display: none;}
 .editPostLink a {background: url('/userdir/2/7/0/2/2702809/81920957.png') no-repeat; width: 24px; height: 24px; display: block; opacity: 0.3; margin-right: -8px !important;}
 .editPostLink img {display: none;}
 {--------------------разное-------------------------------}
 .LinkMore {font: 16px Arial !important; color: #6d688c !important; text-decoration: none !important;}
 a {font: bold 16px Arial !important; color: #6d688c !important; text-decoration: none !important;}
 .submit {background: #6d688c !important; border-radius: 2px !important; padding: 7 px !important; border-bottom: 1px solid #ccc8c3;}
 {-------------------------postContent----------------------------}
 .postContent {position: relative;}
 .avatar img {width:100px !important; min-width: 100px !important; max-width: 100px !important; border-radius: 100px !important; border: 1px solid #c1bfbf !important; padding: 10px !important;}
 .authorName a {font: 16px Arial !important; color: #5c5c5c !important; text-transform: none !important; text-decoration: none !important;}
 .authorName a:hover {color: #6d688c !important;}
 .authorName {text-align: center !important; margin-top: 10px !important;}
 .commentAuthor {margin-left: 270px !important;}
 .paragraph {margin-left: 0px !important; margin-top: 10px !important;}
 .postLinks {font: 16px Arial !important; color: #6d688c !important; text-decoration: none !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 10px; padding: 5px 10px 5px 35px; font-size: 14px; background: url('/userdir/2/7/0/2/2702809/81934633.png') repeat-y !important;}
 .communityName {text-align: center !important;}
 .paragraph .TagJIco {background: url('/userdir/2/7/0/2/2702809/81944447.png') no-repeat; width: 20px; height: 20px; display: block; opacity: 0.8; margin-right: -13px !important;}
 .paragraph .TagJIco {display: inline-block;}
 #Journal .paragraph {margin-top: 20px !important;}
 .paragraph {overflow: hidden;}
 {------------------------commentArea------------------------------}
 #addCommentArea_title {position: relative; top: 15px !important;}
 #addCommentArea_title {font: 16px Arial !important; color: #6d688c !important; text-decoration: none !important; text-transform: uppercase !important;}
 #msg_form {background: #ffffff !important; margin-top: 65px !important; padding: 30px 60px 30px 60px !important; text-decoration: none !important; border-bottom: 1px solid #e0e0e0 !important;}
 #EditFavSmileysLink, #change_avatar_box a {font: 16px Arial !important; color: #6d688c !important; text-decoration: none !important; text-transform: lowercase !important;}
 #message {background: #ececec !important;}
 {--------------------------------pageBar----------------------------}
 #pageBar strong {font: 21px Arial !important; color: #f2f1f1 !important; text-decoration: none !important; line-height: 50px !important; border: solid 1px #6d688c !important; background: #343333 !important; padding: 10px 17px 10px 17px !important;}
 #pageBar a:hover {font: 18px Arial !important; color: #f2f1f1 !important; background: #343333 !important; text-decoration: none !important;}
 #pageBar a {font: 18px Arial !important; color: #343333 !important; text-decoration: none !important; line-height: 50px !important; border: solid 1px #6d688c !important; text-align: center; padding: 10px 17px 10px 17px !important;}
 .pageBar {margin-top: 30px !important; margin-bottom: 0px !important;}
 #bottomNav li {display:none;}
 #bottom_up {display:block !important; position: fixed; margin-left:810px !important; bottom:20px;}
 #bottom_up a {background: url('/userdir/2/7/0/2/2702809/81949888.png') no-repeat scroll 100%; width: 48px; height: 48px; display: block; opacity: 0.2;}
 #bottom_up a {font-size: 0px !important;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 {---------------------------служебные страницы----------------------}
 #JournalCalendar #page-t {background: #ffffff !important; margin-top: 122px !important;}
 #JournalCalendar #page-t div {margin: -30px 30px -10px 10px !important;}
 #JournalCalendar .header {border: none !important;}
 #JournalCalendar #page-t a {font: bold 16px Arial !important; color: #6d688c !important; text-decoration: none !important;}
 #JournalCalendar #page-t a:hover {font: bold 16px Arial !important; color: #000000 !important; text-decoration: none !important;}
 #content {background: #ffffff !important; margin-top: 65px !important; padding: 20px 30px 20px 75px !important;}
 .tags_ul_all a {font: 16px Arial !important; color: #000000 !important; text-decoration: none !important; line-height: 20px !important;}
 .tags_ul_all a:hover {font: bold 16px Arial !important; color: #6d688c !important;}
 .tags_ul_all span {font: 16px Arial !important; color: #000000 !important; text-decoration: none !important;}
 .tags_ul_all {min-width:645px !important; width:645px !important;}
 .tags_header a {font: bold 18px Arial !important; color: #6d688c !important; text-decoration: none !important;}
 #JournalAlbum .header {display: none;}
 {-------------------------------------------голосовалка------------------------------------------}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #6d688c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #6d688c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3;}
 .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"] { background: #6d688c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3;}
 .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"], .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"] { background: #6d688c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3;}
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #6d688c; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3;}
 .voting td {vertical-align: baseline;}

РЕШЕНО! спасибо большое La mignonne и Тайя, которая душит романтиков

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

URL

вторник, 14 октября 2014

11:15

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

Помогите решить три проблемы с дизом, пожалуйста.

1. Не закрывается меню внизу, статистика.
2. Значок закрытой записи смещается на запись.
4. Текст тем записей не уменьшается, больше текста записи.

{---------------КАРТИНКИ-------------}
 body {background: url('/userdir/3/2/8/0/3280182/81940549.png') repeat; padding: 0!important; overflow-x:hidden!important; }
 #extratop {background:url('/userdir/3/2/8/0/3280182/81940693.jpg') top no-repeat; height: 339px;}
 #side{width:275px;background: url('/userdir/3/2/8/0/3280182/81940553.jpg') repeat-y; margin: -2px 0 0 81px!important; padding-top:0!important;}
 #globalLinks_title {background: url('/userdir/3/2/8/0/3280182/81940629.jpg') 15px 0px no-repeat!important; height:48px; width: 219px; display:block; padding: 0px 110px 0 0px!important; line-height:402px; overflow:hidden;}
 #myLinks_title {background: url('/userdir/3/2/8/0/3280182/81940632.jpg') 15px 0px no-repeat!important; height:48px; width: 219px; display:block; padding: 0px 110px 0 0px!important; line-height:402px; overflow:hidden;}
 #Stats {background: url('/userdir/3/2/8/0/3280182/81940633.jpg') no-repeat!important; height:61px; width: 219px; display:block; font: normal 10px Arial; color: #ab1300;padding: 0px110px 0px 0px!important; margin: 20px 0px -40px -10px!important;}
 .singlePost {background: url('/userdir/3/2/8/0/3280182/81940636.png') no-repeat; margin-top: 13%!Important;width: 648px; position: relative;}
 .postLinksBackg {background:url('/userdir/3/2/8/0/3280182/81940640.jpg') 0 3px no-repeat;width: 630px;font: normal 14px Segoe Print; color: #cac39b;}
 .atMusic span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280182/81940642.png') 0px 0px no-repeat;}
 .atMood span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280182/81940642.png') 0px -55px no-repeat;}
 .atTag span {display:block; width:20px; height:25px; line-height:500px; float:left; overflow:hidden; background: url('/userdir/3/2/8/0/3280182/81940642.png') 0px -28px no-repeat;}
 {-------------------------------------------}
 #wrapper{width:980px;min-width:0; padding: 0 80px 0 0px; }
 #page-c {width: 855px; margin-top: -50px;}
 a:hover {color: #842b0d!important; text-decoration: none!important;}
 span.quote_text {display: block; color:#ebaf6d; margin:5px 0px 0px 10px; padding: 5px;border-top: 1px solid #ebaf6d;border-bottom: 1px solid #ebaf6d;}
 .text, #message{border:3px solid #dfd7b0!important;text-shadow: 1px 1px #f4f1e2;}
 {-------------------side-------------------}
 #side a {color: #ab1300;}
 .menuSection ul{width: 190px; margin-left: 30px!important; font: normal 13px Segoe Print; color: #ab1300; }
 .menuSection ul li {border-bottom: 1px solid #dfd7b0; text-shadow: 1px 1px #f4f1e2; padding: 2px 2px 5px 2px!important;}
 .menuSection ul li:hover {background: #e4d29b; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out;}
 #Stats a{margin-left:45px;}
 #side h1 a{position: absolute; top: 50px; font: italic 25px Segoe Print; color: #842b0d!important; left: 585px;max-width: 570px!important; white-space: pre-line !important; }
 #side h1 a:hover {color: #cac39b!important; text-decoration: none!important;}
 #authorName {position: absolute; top: 90px; background: #ebaf6d; padding: 5px;font: italic 23px Segoe Print; color: #fffdf6!important; left: 590px;}
 #authorName:hover {color: #842b0d!important;}
 #YaSearch {width: 190px; margin-left: 30px!important; font: normal 14px Segoe Print; color: #ab1300;padding-top:0!important;margin-top:-20px!important; border-bottom: 1px solid #dfd7b0; text-shadow: 1px 1px #f4f1e2;padding: 2px 2px 5px 7px!important;}
 #YaSearchForm #yaquery {background: #e4d29b!important; border:1px solid #dfd7b0!important;text-shadow: 1px 1px #f4f1e2; }
 #tagslistlink, #thisDiaryOwner {padding-top: 5!important; margin-top: 0!important;}
 #tagslistlink:hover, #epigraph, #epigraph .singlePost, #epigraph .postLinksBackg, .singlePost.list_box{background: none!important;}
 .singlePost.list_box{padding: 0; margin: 0;}
 #TagsList {margin-left: -30px; width: 180px;}
 #TagsList li {width: 170px!important; white-space: pre-line !important;}
 {------------posts-------------}
 #Journal .postContent{padding: 0 15px 0 15px!important; margin: -25px 0 0 0!important;}
 #JournalComments .singlePost .postContent{padding: 0 15px 0 15px!important; margin: -15px 0 0 0!important;}
 #JournalFavorite .postContent, #JournalQuote .postContent{padding: 40px 15px 0 15px!important; margin: -25px 0 0 0!important;}
 #Journal .postDate {position: absolute;right: 15px; top: -70px; font: italic 14px Segoe Print !important;}
 .singlePost .postDate, .postActionLinks {margin-right: 15px!important;}
 .singlePost .header {margin-left: 15px!important;}
 #Journal .header h2{position: absolute; left: 75px; top: 50px; font: italic 14px Segoe Print !important;}
 #Journal .header span{position: absolute; leftt: 10px; top: -50px;font: italic 14px Segoe Print !important;}
 .singlePost .postLinksBackg {position: absolute; top: -25px; right: 10px;}
 #Journal .singlePost .postActionLinks {position: absolute; left: 5px; top: -65px}
 #epigraph .postActionLinks {position: absolute; left: 5px; top: -15px!important;}
 .postLinksBackg a{font: normal 14px Segoe Print; color: #cac39b;}
 .atMusic em, .atTag em, .atMood em, .atTag em a{font: normal 16px Segoe Print!important; text-decoration: none!important; color: #571b07!important;}
 .atTag em a:hover {color: #842b0d!important; text-decoration: none!important;}
 .singlePost .authorName, .singlePost .communityName {margin: 0 0 0 15px!important;}
 .singlePost .commentAuthor{margin: 20px 0 0px!important;}
 #JournalFavorite .commentAuthor, #JournalQuote .commentAuthor{margin: 0px 0 0px!important;}
 .avatar img{background: #e4d29b!important; border:3px solid #dfd7b0!important;text-shadow: 1px 1px #f4f1e2;}
 #epigraph .paragraph, #epigraph .postInner, #epigraph .singlePost, #epigraph {padding:0!important; margin: 0!important;}
 #JournalComments #postsArea{margin-top: -80px!important;}
 .postInner {font: italic 12px Segoe Print; color: #842b0d!important; }

 {---------none----------------}
 #thisDiaryPhoto, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #rssLink, #upInChart, #postsCalendar, #thisDiaryLinks, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #diarySpiritLink, #randomDiaryLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #myCommunitiesLink, #headlineList, #sortOrder, .order_button, #Stats a+a, #epigraph .urlLink, .Attention, #JournalDraft #epigraph .paragraph{display: none!important;}

@темы: diaryCSS

URL

вторник, 07 октября 2014

14:15

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

Женщина народа сидов

Здравствуйте, товарищи! Столкнулась вот с какой задачей: необходимо сделать из дополнительных блоков несколько колонок (пусть будет две). Как задать им отступы от центра сверху, чтобы они не пересекались друг с другом, и между ними всегда было фиксированное расстояние? От краев все получается отлично, но, может, все-таки от центра возможно тоже?
Спасибо!

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

URL

12:56

Отступы

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

[Let me tell you about my fandom]

Можно ли минимизировать отступы от блока аватар, при этом чтобы текст нигде лишний раз не прилипал?
Пост без автарки выглядит так и меня полностью устраивает. Но вот с аватаркой вылезает очень много воздуха, что в постах, что в комментах, его хотелось бы обрезать. Это возможно? размер аватарок фиксирован, если что
И ещё всплывает вот такая вот штука с отступами при цитировании в постах - побочка от сочетания blockquote и span class='quote_text'. Можно ли как-нибудь "игнорировать" тег blockquote или сделать так, чтобы он не давал лишний отступ?

Код ~~осторожно, он местами альтернативный~~:

 #html, body {background: url('/userdir/1/5/3/7/1537549/81909921.png'); background-attachment:fixed;padding: 0px!important;}
 #wrapper{width:885px; min-width:885px; margin: 0 auto !important; padding: 10px 0px 0px 10px; }
 #page-c {background: #ffffff; width: 730px;}
 .left #page-c {margin-left:-0px;}
 .left #page-t {margin-left:0px;}
 .right #page-c {margin-right:-0px;}
 .right #page-t {margin-right:0px;}
 .quote_text {font: normal "helvetica" 12px; color: #559597; background: #EFF3F3!important; padding: 5px; margin: 5px 0px 0px 0px!important;display: block; border-left: 4px solid #00E3E3; }
 #message, .text {border: 1px solid #00E3E3 !important;}
 img { max-width: 620px !important; }
 #w18p {position: absolute; top: 0px; left: 0px; white-space: pre-line; width: 100px;font: normal 12px Cambria, Calibri; }
 .postContent {overflow-x: auto!important;}
 .menuSection_title { font-weight:bold; height:35px; line-height:38px; padding:0px 10px 0px 10px; margin-left:-10px; text-align:left; color:#3C2115;}
 #side {width:145px; background:#ffffff}
 #authorFav, #subscribeEmail, #rssLink, #upInChart, #albumLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #faqLink, #favListLink, #pchListLink, #lastComments, #bottomNav, #topNavLinks, #YaSearch {display: none !important;}
 #pchs {display:none !important;}
 #authorName {text-transform: uppercase; font-size:10px !important; font-weight: bold; font-stretch: ultra-condensed ;}
 .postDate {text-align:right; text-transform:lowercase;}
 .singlePost {position: relative; padding: 0px 15px 0px 10px !important;}
 .postTitle {font-weight: bold; font-size: 16px;margin-bottom: 15px !important; padding: 5px 5px 5px 5px!important; text-align : left;}
 .singleComment {padding: 0px 15px 0px 10px !important;}
 .commentAuthor {width: 100px;}
 .avatar img {width: 100 px; height: 100px;}
 #addCommentArea {padding: 10px 15px 15px 15px !important; margin: 25px 0px 15px 0px !important;}
 #JournalComments .header{margin-top: 5px !important;}
 #post0 .postTitle {background: none!important;}
 #epigraph, #post0 {padding: 0px !important;margin: 10px 10px 5px 5px!important;}
 .postTitle.header h2, .postTitle.header {color:#00E3E3; font: 18px "Helvetica"; text-align:left; padding:10px 0 10px 0;}
 .postLinksBackg {display:block !important; padding:5px 10px;}

@темы: текст, отступы, diaryCSS

URL

воскресенье, 05 октября 2014

16:44

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

I'll stop wearing black when they make a darker color

Добрый вечер!
Возникла такая проблема: не отображается название дневника. При этом в визуальном редакторе оно видно, а вот на деле - нет.
скрин проблемы

 #side h1 {-webkit-writing-mode: vertical-rl; writing-mode:tb-rl; margin-left: 210px !important; margin-top: 200px!important; margin-bottom: -240px!important; text-transform: uppercase; font-size: 12px!important; font-family: arial; z-index: 3!important; display: block!important;}
 side h1 a{color: #362516 !important;}

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

URL

09:04

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

Алхимия души.

maguson.diary.ru/
Как укоротить нижнее поле с "наверх, главная" и т.д.?

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

URL

вторник, 30 сентября 2014

12:29

Поля ввода.

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

Доброго дня. Где хранятся цвета для полей ввода заголовка и самого окна ввода текста. В моём дизайне поле ввода заголовка чёрное и, соответственно, приходится каждый раз переключать "на прозрачные поля (HTML)", что бы узреть - чё там написано?

URL

понедельник, 29 сентября 2014

12:23

все записи пользователя в сообществе Вэлли В.

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

 #wrapper{min-width:910px!important;width:80px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important; }
 #page-c{width:700px !important;padding:0 !important;padding:0 !important; }
 #page-t {margin:0 !important}
 #side .menuSection{text-align:center;}
 body{background-attachment:fixed;}
 a:hover{cursor:crosshair;}
 #postsArea, #commentsArea, #addCommentArea {background: url('/userdir/3/0/6/4/3064594/81137513.png');}
 #side {background: url('/userdir/3/0/6/4/3064594/81137513.png');}
 #side .bordered { border-radius: 30px }
 #page-c .bordered#postsArea { border-radius: 30px }
 #page-c .bordered#commentsArea { border-radius: 30px }
 #page-c .bordered#addCommentArea { border-radius: 30px }

если с меню наблюдается вот такая фигня:

?

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

URL

среда, 17 сентября 2014

18:36

Поддержка стандартных дизайнов?

все записи пользователя в сообществе Nefer-Ra

R.I.P. your mind

Занимается ли кто-то поддержанием стандартных дизайнов из каталога оформлений в актуальном состоянии? Вот есть дизайн devil left a message, всем хорош, но не учитывает полосу с предупреждением и два пункта меню - упоминания и платные сервисы, которые вылезают и некрасиво висят в углу экрана. Как это пофиксить? Копировать оформление себе и править?
Если да, то как?

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

URL

среда, 10 сентября 2014

18:09

все темы

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

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

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

URL

среда, 03 сентября 2014

18:50

Одна из кнопок на странице с темами не залита

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

All of the love we left behind watching the flashbacks intertwine. I think our lives have just begun.

В общем, проблема располагается на странице с темами и прекрасно описывается этим скриншотом:

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

Что бы мне такого подправить в коде, чтобы кнопка "Записи без темы" получила свой бэкграунд?

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

URL

вторник, 02 сентября 2014

21:08

Кнопки

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

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

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

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/9/8/5/2/985263/81735408.jpg') repeat 0 top; background-attachment: fixed;}
 #page-t {background: url('/userdir/9/8/5/2/985263/81735400.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 100px !important;}
 #extratop {padding: 0!important;background: url('/userdir/9/8/5/2/985263/81735398.png') 0px bottom no-repeat; height: 378px; width: 1091px; margin-bottom:-135px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/9/8/5/2/985263/81735391.png'); background-repeat: no-repeat; width: 1151px; height: 202px; margin-left: -135px; position: relative; margin-top: -156px;}
 .singlePost {background: url('/userdir/9/8/5/2/985263/81735401.png') 50% bottom no-repeat; padding: 0px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; width: 34px; height: 37px; background: url('/userdir/9/8/5/2/985263/81735389.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 80px; width: 34px; height: 40px; background: url('/userdir/9/8/5/2/985263/81735388.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 {------------------------------------------------}
 img { max-width: 730px !important; }
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #d5deb0; padding: 10px; }
 a:hover {color: #d5deb0!important; text-decoration: none!important;}
 .avatar img { border: 1px solid #a95f49;}
 #message, .text {border: 1px solid #a95f49!important; padding: 5px!important;}
 .submit {padding: 5px!important;background: #E5D9B5!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #D2C49B!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------------------пост---------------------}
 #wrapper{min-width:980px!important; width:980px; padding:90px 0 0 0!important; margin-bottom:-400px!important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 #postsArea {width: 725px;}
 #msg_form {width: 725px;}
 #commentsArea {width: 725px;}
 .header {font: normal 21px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 17px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #post0 {margin-top: -70px !important;}
 #bottomNav {display: block !important; top: 0px !important;}
 .postDate {color: #a95f49 !important; font: normal 17px Times New Roman !important;}
 #pageBar {z-index: 1 !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: 115px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #side h1 {position: absolute; top: -330px;left: 100px; text-shadow: -3px 1px 2px #000000; text-align: left;width: 700px!important;white-space: nowrap!important;}
 #side h1 a {font: italic 40px Times New Roman; color: #ffffff !important; white-space: nowrap!important;}
 {------------none------------}
 .order_button, #lastComments, #headlineList,#pchs, .prevNextLinks {display: none!important;}

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

URL

суббота, 09 августа 2014

18:43

все записи пользователя в сообществе Настасья Филипповна 2.0

Я стала ведьмой от горя и бедствий, поразивших меня

Бобрый день.
Вопрос про курсор.
Все, что по ссылкам в эпиграфе насчет курсора сказано - a:hover{cursor: crosshair (или еще что-нибудь);} Т.е. при наведении на ссылку, он меняет свой вид, а это немного не то, чего бы мне хотелось. Хотелось бы, собственно, узнать, можно ли заменить курсор картинкой, чтобы он не только при наведении на ссылку становился, скажем, крестиком, а вообще всегда?
Чтобы сделать курсор картинку, должно быть что-то вроде a:hover{cursor: url ('адрес');}, во всяком случае, когда-то у кого-то это работало, судя по комментам под постами столетней давности... Сейчас попробовала - ноль эмоций, курсор при наведении не меняется. В чем может быть дело? a:hover{cursor:url('/userdir/2/1/5/2/215261/81605509.png');} - надо как-то по-другому ссылку давать, или, может, картинка слишком большая (хотя, вроде бы, это роли не играет) или формат не тот?.. В общем, смиренно взываю о помощи, господа, потому что я уже что-то запуталась совсем.

@темы: diaryCSS

URL


Запомнить