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

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

15:44

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

[Аватары имеют свое собственное мнение]

Здравствуйте!
У меня проблема с прозрачностью:
#side, .singlePost, .singleComment, #msg_form {background:rgba(255, 255, 255, 0.85) !important; filter:progidXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF) !important; zoom:1;}
При этом, в ффоксе и опере прозрачность нормальная, а в ИЕ фона нет вообще.
Что я делаю не так?

URL

08:40

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

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

к тому же пропал код фона..

URL

суббота, 04 сентября 2010

14:11

все записи пользователя в сообществе Eiji-kun.

Танец - это вертикальное выражение горизонтального желания.

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

Его оттуда можно как-нибудь убрать?

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

URL

пятница, 03 сентября 2010

21:56

все записи пользователя в сообществе ~*Cheshire*~

~[Dead or Alive?] BIG BANG FERRET.

У меня такой вопрос...почему когда я в CSS начинаю прописывать код к картинке в дизайне...он почему-то исчезает?
Например...было так:
body { background: url('static.diary.ru/userdir/1/5/8/4/1584229/5974407...') no-repeat;}
А после того как сохраняю код возвращаюсь обратно в редактор все исчезает и становится так. Даже если не копировать с блокнота, а перебивать руками:
body { background: # no-repeat;}
Почему такое происходит? И как от этого избавится? А то я даже дизайн с CSS так сделать не могу. =(

URL

17:25

Заголовки меню

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

Так и запишем: "Гнал на Князя Тьмы".

Здравствуйте, уважаемые)

У меня в дизайне внезапно образовалась проблема: бэкграунд заголовка меню не закрывает обычный заголовок как раньше. Получается вот так:

Код:

 #globalLinks ul, #myDiaryLinks ul, #thisDiaryLinks ul, #thisDiaryOwner ul {display:block !important; visibility:visible !important}
 #thisDiaryOwner{background: url('/userdir/9/7/3/0/973005/59738009.jpg'); background-repeat: no-repeat; background-position: top; padding-left:50px; padding-top: 10px}

#thisDiaryOwner_title тоже не помогает. Не помогает и формат картинки, этот глюк проявляется и с jpg, и с png.

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

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

URL

05:20

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

Снявши крылья, по ушам не плачут.

Глупый вопрос, но: я хочу, чтобы у меня повторялся экстработтом по горизонтали, приписываю repeat-x - не реагирует.
Код: #extrabottom {background: url('/userdir/8/6/2/4/862413/59725376.jpg') repeat-x !important; height: 55px; width: 980px;}
Помогите, пожалуйста.

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

URL

00:47

Greasemonkey

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

Ich bin ein Teil von jener Kraft, die stets das Gute will und das Böse macht.

Всем привет, у меня следующий вопрос: недавно открыл для себя приложение Greasemonkey, можно ли с помощью него и javasсript добавить в дайри какие-нибудь новые функции?

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

Я ещё полный новичок в этой сфере, так что надеюсь на ваши ответы.

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

URL

четверг, 02 сентября 2010

16:18

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

Siamo fatti della stessa sostanza dei sogni

Уважаемые знатоки!!!
у одного из читателей отображается меню
вот так
не знаете, в чем может быть дело?
если что, браузер Internet Explorer

@темы: меню

URL

среда, 01 сентября 2010

15:54

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

Люблю и любима.

Ещё один вопрос

.menuSection, .bordered{border-bottom: 1px solid #B85E00; padding: 10px !important;}

вот это не работает
блоки меню не разделяются линией .
что посоветуйте ?
решено

URL

вторник, 31 августа 2010

22:59

Тормоз от CSS???

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

Люблю и любима.

#side { width:200px !important; margin:0 !important; position:absolute; clear: right: 90; top: 10px;}<br /> #page-c {width:80% !important; margin:0 !important; padding-right: 200px !important; }<br /> .singleComment .postContent { padding-left:140px; }<br /> .singleComment .postInner { margin-left:-150px; padding-left:150px; }<br /> .singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }<br /> .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }<br /> .avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}<br /> .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}<br /> .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }<br /> .left #side{width:180px; !important;margin:0 !important;}<br /> #page-c{width:200px; !important;margin:4 !important;}<br /> #extrabottom {width:200px; !important;margin:4 !important;}<br /> #extrabottom .bordered{ border-style:dotted; border-color:#B85E00;}<br /> #extrabottom .bordered{ border:2px dotted #B85E00;}<br /> #side {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #postsArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #commentsArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat}<br /> #addCommentArea {background: url('/userdir/2/8/7/2/287209/59508953.png') repeat 0 0 fixed;}<br /> .postLinksBackg, .epigraph, #post0 {border-bottom: 1px solid #B85E00; padding: 10px !important;}<br /> .menuSection, .bordered {border-bottom: 1px solid #B85E00; padding: 10px !important;}<br /> #thisDiaryPhoto { background:url('/userdir/2/8/7/2/287209/59511590.png') no-repeat; height: 170px !important; }<br /> #side{-moz-border-radius: 20px !important;}<br /> #postsArea{-moz-border-radius: 20px !important;}<br /> #side{-moz-box-shadow: 0px 20px 10px -10px #888; border:1px SOLID; border-color: #B85E00;}<br /> #postsArea{-moz-box-shadow: 0px 20px 10px -10px #866;}<br /> #side{-moz-box-shadow: extend 1px 1px 10px #888;}<br /> #page-t .bordered{ border:1px SOLID; border-color: #B85E00;}

Может что то лишнее?
Люди добрые , разбирающиеся , подскажите.
Комп тормозит .
Решено

URL

воскресенье, 29 августа 2010

22:08

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

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

Прошу помощи)

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

URL

суббота, 28 августа 2010

18:57

Подскажите ..

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

Сойди от меня с ума...

Подскажите, пожалуйста, с помощью какого когда можно убрать это место? что надо прописать?
ну,если убрать не получится, то как-нибудь по лучше это оформить, я новичок к css, ничего придумать не могу, заранее спасибо!

@темы: меню

URL

пятница, 27 августа 2010

02:26

Оформление цитат.

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

"Сколько человека не воспитывай, а ему все равно хочется жить хорошо"©

Доброго времени суток!
Я опять обращаюсь к вашим умам за помощью, т.к. мой уже отказывается работать и пишет увольнительную.

Задача:
Оформить блочную цитату в виде.
Проблема:
Блок до конца оформляться не хочет. У него упорно ставятся кавычки либо только слева, либо только справа. Вместе - никак. Согласна, это тупо, ибо код на руках есть. Вот он:

blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-color: #faebbc;
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(images/openquote1.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(images/closequote1.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Однако подогнать его под дайриковский у меня никак не выходит. Одновременно две картинки (те, что кавычки) не прописываются даже под разными селекторами. Использовались и .quote_text, и .quote_text span, и .blockquote и различные другие вариации. Никак. В итоге я оставила пока такой вариант:

.quote_text, .blockquote{ font: 13px/20px italic Times, serif; background:#acd99d url('/userdir/7/8/8/7/78875/58629380.png') top left no-repeat !important; border-top: 1px dashed #496e4c; border-bottom: 1px dashed #496e4c; margin:5px 15px -10px 15px; padding: 8px; text-indent: 23px; display:block;}

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

UPD. Решение найдено благодаря winterwolf. :dance2:

Для современных браузеров можно сделать так:

.multiplebackgrounds {height: 200px; width: 200px; background: url(top.gif) top left no-repeat, url(bottom.gif) bottom left no-repeat, url(middle.gif) left repeat-y;}

Работает в Мозилле, Гугл Хром, Сафари. Оперу не проверяла. Результат.
В ИЕ 8 цитата выглядит вот таким образом, картинок он не видит. Но т.к. эксплорер у меня давно в черном списке браузеров, мне пофиг. И так сойдет.

@темы: рамки и полоски

URL

четверг, 26 августа 2010

23:51

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

Нет такой проблемы, которую не решит отвертка у виска.

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

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

URL

18:48

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

Не срывайте с людей маски. Вдруг это намордники.

Здравствуйте!
Подскажите пожалуйста, можно ли увеличить область которую занимает аватарка и подпись?
и второй вопрос, как наложить зкстробот поверх основных записей, как бы вторым слоем?
заранее спасибо)

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

URL

вторник, 24 августа 2010

20:41

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

Fortune favours the brave

Подскажите, пожалуйста, как "подправить" всплывающий блок "Вставить цитату", который внезапно появляется гораздо ниже строки, которую надо процитировать?

И еще вопрос: раньше у меня в коде было прописано

.sign  {display:none;}

, но со временем я решил это убрать, дабы была видна подпись под аватаркой. Но - подпись так и не появилась. Что делать?

@темы: текст, diaryCSS

URL

16:29

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

We're gonna need a bigger boat!

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

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

URL

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

14:50

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

Per aspera ad astra.

Господа, обращаюсь к вам за помощью.
Чует мое сердце, что ответ неимоверно простой, но...
Искала по словам "эпиграф" и "ссылки". Поиск результата не дал.
В чем собственно проблема:
В эпиграфе у меня одна ссылка. И я не знаю, как
1.ее изменить.
2.переместить.
3. перестать к ней применять буквицу

Появился и другой вопрос.
Моя голова каким-то образом сделала подчеркивание всего на свете. И я теперь не знаю как это убрать.
Прошу помощи, о великие знатоки

Решено.

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

URL

воскресенье, 22 августа 2010

19:01

Опять меню

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

Склероз - прекрасная болезнь! Ничего не болит и каждый день - новости.(c)

Простите, видела в соо уже помощь по этому вопросу, но у меня все равно ничего не получается=_=
код такой:
#thisDiaryOwner {position:absolute;top:710px !important; left: 80px;display:block; width:130px; height:100px; font-size: 0px !important; background: url('/userdir/7/5/1/4/751493/59234972.png'); 2px 4px no-repeat;}
а вот и сама проблема)

помогите пожалуйста)

@темы: меню

URL

07:46

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

Совершенству эволюция не нужна.

Привет, народ. Может быть попробуем разобраться с z-indexами?

Вот например делаю дизайн, суть в том, что page-c "наползает" на extratop, на котором расположена сложная картинка, часть которой должна перекрываться текстом из эпиграфа и ссылками меню, а часть - собственно картинкой и остается. Это я сделал. Теперь мне нужно, чтобы фон page-t располагался ПОД картинкой экстратопа, а ссылки из эпиграфа - НАД картинкой. Делаю для page-t z-index: -1, в то время как индекс экстратопа 1, и ничего не происходит. Добавляю z-index: -1 для page-c, и эти блоки убираются под экстратоп. Теперь задача в том, чтобы сделать эпиграф НАД экстратопом, я прописываю #epigraph и #post0 {z-index: 10 !important;} и почему-то ничего не меняется, блоки всё равно находятся под топом, хотя z-index для page-c и page-t не имеет тега !important.
Возможен ли вообще мой вариант развития событий, как решить проблему и вообще, может быть отдельное мини-руководство по z-indexам для дайри написать?))

Внезапно код:
читать дальше

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

URL


Запомнить