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

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

20:42

все записи пользователя в сообществе nathalie-starkiller

Жизнерадостный псих =)

То ли у меня уже ум за разум зашел, то ли я чего-то недопонимаю. Ткните носом, пожалуйста)
Такая проблема. Пишу:

.postTitle { background: #d4d5e3; font: italic bold 16px Georgia !important; color: #080b2b; }

А получаю вот это:

И так через один. Заголовки нечетных постов без заливки.
При этом селекторы для четных и нечетных постов вообще не использовала.
И шрифт не тот, это в каждом посте, не только в нечетных.

Браузеры Хром и Опера.

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

URL

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

19:08

Пнг-картинка поверх градиента.

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

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

  #myDiaryLink a {position: fixed; top: 16px; right: 690px; width:167px;height:59px; background-image:url('/userdir/3/2/5/9/3259973/82075197.png') no-repeat; background: rgb(239,97,97); background: -moz-linear-gradient(top, rgba(239,97,97,1) 0%, rgba(233,91,91,1) 0%, rgba(233,91,91,1) 0%, rgba(233,91,91,1) 1%, rgba(132,10,10,1) 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,97,97,1)), color-stop(0%,rgba(233,91,91,1)), color-stop(0%,rgba(233,91,91,1)), color-stop(1%,rgba(233,91,91,1)), color-stop(51%,rgba(132,10,10,1))); background: -webkit-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: -o-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: -ms-linear-gradient(top, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); background: linear-gradient(to bottom, rgba(239,97,97,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 0%,rgba(233,91,91,1) 1%,rgba(132,10,10,1) 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6161', endColorstr='#840a0a',GradientType=0 ); font-size:0px!important; box-shadow: 0px 0px 300px 40px #4e0100; border:1px solid#4e0100; border-radius:100px; }

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

URL

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

15:42

фон записи

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

Когда я перестаю молиться, совпадения прекращаются (с)

Доброго времени суток!

Скажите, плиз, что не так:

код для фона записи

#side{background: url('/userdir/6/3/3/8/63385/78850300.png');}
#page-t{background: url('/userdir/6/3/3/8/63385/78850300.png');}

почему то не прирастает :nope:

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

URL

среда, 12 ноября 2014

13:57

Проблема с css в посте

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

Орла отрицать нельзя.

Возникла нежданная проблема.
Ситуация: сверстать "резиновую" рамку _внутри_ поста. Имеются восемь кусочков, по одному на стороны и углы рамки. Попыталась решить через css и background-color, однако же выяснила, что дайри "съедает" урлы из css-кода.

Вопрос: нафига он это делает и как, собственно, решить проблему? Можно через html, можно через css, мне уже все едино, главное, чтобы дайр меня понял

Помогите, люди добрые, выкладка горит, кэп страдает

@темы: diaryCSS

URL

вторник, 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

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


Запомнить