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

пятница, 22 июня 2012

03:11

Буквица

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

Можно задать буквицу не для блока записи и камментов, а для ссылки меню (логин или название дневника, например) или заголовка поста?

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

URL

четверг, 21 июня 2012

00:09

Специальные символы в темах записей

все записи пользователя в сообществе Лунный дождь

мои звёзды сияют на земле

Подозреваю, что вопрос глупый, но спрошу.
Если есть тема записи со специальными символами, например, ♥, на странице всех тем символ заменяется на & # 9 8 2 9 (только без пробелов), что ухудшает навигацию. С этим можно что-то сделать помимо как:
а) смириться;
б) не юзать таких символов?

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

URL

вторник, 19 июня 2012

07:16

все записи пользователя в сообществе Сыч.

black sheep.

Доброго времени суток. Своими силами уже не справляюсь, поэтому обращаюсь к вам.

Во-первых.
Во-вторых.
В-третьих.
В-четвёртых
И главное - у меня не появляются ссылки меню вообще нигде. С чем это может быть связано?

Очень замусоленный и неаккуратный черновой код с кучей всякой ненужной фигни. :<

#wrapper{min-width:975px!important;width:975px;max-width:975!important; float:center!important; overflow:hidden !important; top:-20px; }
 #extratop { background:url('/userdir/3/3/5/9/335909/75140758.png'); height:239px; width:975px; no-repeat!important;}
 #extrabottom { background:url('/userdir/3/3/5/9/335909/75140751.png'); height:163px; width:975px; no-repeat!important;}
 #thisDiaryPhoto,#authorName {display:none!important;}
 #side {display:none!important;}
 #side h1 a {display:none!important;}
body {background: #000000 url('/userdir/3/3/5/9/335909/75140740.jpg') top center no-repeat; background-attachment:fixed; }
 #page-c {background: url('/userdir/3/3/5/9/335909/75140960.png') repeat; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; top:-60px! important}
#postsArea{min-width:600px!important;width:600px;max-width:600!important; margin-left:-60px; opacity: 0.8;}
#epigraph .singlePost { background:none; margin:0 !important; padding:0 !important; }
 .singlePost { background:url('/userdir/3/3/5/9/335909/75140729.png') no-repeat; background-position:bottom; padding-bottom:25px !important; padding-top:10px !important; }
 #side {padding-left:46px !important; height:20px; opacity: 0.6}
 .header {text-align:center!important; text-shadow: 1px 0px 5px #268785;}
 .postDate {text-align:left!important;; text-shadow: 1px 0px 5px #268785;}
 .postTitle span {text-align:left; text-shadow: 1px 0px 5px #268785;}

#commentsArea {margin-left:-80px; }
#commentsArea_title  {display:none!important;}
#addCommentArea {min-width:700px!important; width:700px; max-width:700!important; float:center!important; margin-left:-110px; }
 .singleComment {min-width:600px!important; width:600px; max-width:600!important; float:center!important; margin-left:-100px; opacity: 0.8;}
 .sign {text-align:right; text-shadow: 1px 0px 6px #268785;}
 .avatar { float:center!important; text-align:center; padding-left:5px !important ;padding-right:5px !important;}
 .commentAuthor { float:center!important; text-align:center;}
 .authorName {width:120px; text-align:center; }

.paragraph {text-shadow: 1px 0px 10px #268785 }
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 #JournalFavorite img {max-width:500px; border-top-color:transparent; border-bottom-color:transparent; border-radius: 10px; border-style:solid; border-width:2px; box-shadow: 1px 0px 10px 

#268785; opacity: 0.7;}
img {max-width:580px; border-top-color:transparent; border-bottom-color:transparent;border-radius: 10px; border-style:solid; border-width:2px;box-shadow: 1px 0px 10px #268785; opacity: 0.7;}
a:link { color: #5ffbd9; text-decoration: none; text-shadow: 1px 0px 5px #057489; font-size:12px!important; font-style:arial black; }
 a:visited { color: #5ffbd9; text-decoration: none; text-shadow: 1px 0px 5px #057489; font-size:12px!important; font-style:arial black; }
 a:hover { color: #ffffff; text-decoration: none; text-shadow: 1px 0px 10px #ffffff; font-size:12px!important; font-style:arial black; }

#myDiaryLink {position:absolute; top:40px; left: 250px; height:13px;}
#writeThisDiary {position:absolute; top:141px; left: -3px;}
#myFavLink {position:absolute; top:141px; left: -3px;}
#myLinksLink {position:absolute; top:141px; left: -3px;}
#mainpageLink {position:absolute; top:141px; left: -3px;}
#discussionLink {position:absolute; top:141px; left: -3px;}

#myDiaryLink_title   {display:block; width:39px; height:55px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140724.png') 2px 4px no-repeat;}
#writeThisDiary_title  {display:block; width:73px; height:44px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140725.png') 2px 4px no-repeat;}
#myLinksLink_title {display:block; width:61px; height:40px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/') 2px 4px no-repeat;}
#myFavLink {display:block; width:78px; height:44px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140719.png') 2px 4px no-repeat;}
#mainpageLink_title  {display:block; width:79px; height:41px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140714.png') 2px 4px no-repeat;}
#discussionLink_title   {display:block; width:88px; height:46px; line-height:500px; overflow:hidden; background: url('/userdir/3/3/5/9/335909/75140716.png') 2px 4px no-repeat;}

 #bottomNav {display:none!important;}
 #topNav {display:none!important;}
 #Stats {display:none!important;}
 #top_up k {display:none!important;}
 #top_randomlink {display:none!important;}
 #top_spiritlink {display:none!important;}
 #top_faqlink {display:none!important;}
 
.urlLink {display:none!important;}
.postLinks {border-color:#268785; border-top-color:transparent; border-bottom-color:transparent;border-radius: 10px; border-style:solid; border-width:2px; box-shadow: 1px 0px 10px #268785}
#cc {border-color:#268785; border-radius: 10px; border-style: solid; border-width:2px; box-shadow: 1px 0px 10px #268785; opacity: 0.7;}

#addCommentArea_title {display:none!important;}
#formcontainer — оболочка формы 
#msg_form — форма
#from_form {display:none!important;}
#fromMyself_box {display:none!important;}
#fromMrX_box {display:none!important;}
#fromMrX3_box {display:none!important;}
#fromAnother_box {display:none!important;}
#open_id_com {display:none!important;}
#open_id_com {display:none!important;}
#from_another {display:none!important;}
#fromAnotherName {display:none!important;}
#fromAnotherPass {display:none!important;}
#change_bg_area_comm {display:none!important;}
#forTextarea — редактор и смайлы
#htmlbox — редактор
#javabut — кнопки
#codebuttons — тоже кнопки
#message — текст сообщения
#shsmile — смайлы
#favSmilesGroups — выбор группы смайлов и любимые смайлы
#EditFavSmileysLink {display:none!important;}
#SelectSmileGroup — выпадающий список групп смайлов
#favSmiles — список смайлов
.SmilePanelElement  смайл с надписью
.SmilePanelElement small  {display:none!important;}
.SmilePanelElement img — картинка смайла

#sortFromBegin {display:none!important;}
.upPostLink  {display:none!important;}
#sortFromEnd {display:none!important;}
#sortFromLastComment {display:none!important;}
.order_button {display:none!important;}
#ReplaceBrDiv {display:none!important;}
#change_avatar_box — использовать аватар (input, label) (платный сервис "аватары")
#change_avatar_box a — выбор другого аватара
#AvatarSelector — выбранный аватар
#subscribeToComments_box {display:none!important;}
#doNotSmile_box {display:none!important;}
#addPicture_box {display:none!important;}
#addPictureSection {display:none!important;}
#btSubmit — кнопка отправки комментария

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

URL

понедельник, 18 июня 2012

15:59

Проблема с ссылками внутри записи

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

it's not like i don't give a fuck, it's more like i just ain't interested in giving one

Здравствуйте, в общем, тут такое дело.
После уменьшения аватара и расширения области текста, ссылки, что находятся в этой самой области, при наведении курсора не хотят ни выделяться, ни нажиматься ни в записях, ни в комментариях.
Наглядный пример под катом.
Был испробован z-index для "поднятия" текста и ссылок, но безрезультатно. Это вообще как-нибудь можно решить?

@темы: текст

URL

четверг, 14 июня 2012

12:12

Пропали круглые углы в формлении диза.

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

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

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

@темы: diaryCSS

URL

среда, 13 июня 2012

02:01

все записи пользователя в сообществе Инсектоид

Здравия желаю.
Скажите пожалуйста дураку, которому лень искать.

Что должна содержать в себе работа? Голый шаблон с картинками с размеченными блоками под меню и контент или запросы к бд /(или аналогичные пхп скрипты, что совсем смешно) разрешено ли js, если это просто таблица стилей которая идет на доработку. Если можно напишите мне структуру (файловую, кодовую) шаблона. Или просто подскажите где что найти. :search:

URL

вторник, 12 июня 2012

17:13

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

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

Здравствуйте)
Подскажите какой ай ди у скобок к количеству черновиков и дискуссий в меню?
Нужно чтобы скобка была одного цвета, а цифра другого.

URL

03:16

Темы записей

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

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

У меня очень странная проблема. После нажатия кнопки "Темы записей", собственно, всплывает блок с первыми 20 темами, но после того, как я увожу мышь от этого блока или даже вообще кликаю в любом другом месте экрана, этот всплывающий блок не исчезает, а продолжает висеть посреди меню. Что нужно сделать, чтобы блок этот появлялся лишь при наведении мыши, и исчезал, как только мышь уводят?

Тут код этого блока, если кому поможет:

#TagsList ul { position: absolute; left: -10px; text-transform: lowercase; width: 170px !important; padding: 10px 10px 30px 10px !important;}
#TagsList li {padding: 0px 0px 0px 0px !important; margin: -1px 10px -1px 0px !important; border: none !important; }

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

URL

понедельник, 11 июня 2012

06:17

Цвета и эффекты для ников

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

i feel it in my code, enough to make my core explode!

Здравствуйте,
тема такая: есть ли возможность выделять в дизайне эффектами каких-то определённых людей, то есть, их ники, когда они комментируют/создают записи (если это сообщество). Например, как-то выделить модераторов сообщества или что-то подобное.
Вообще какие-то возможности выделять определённые ники/аватары/подписи по какому-либо параметру есть?

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

URL

суббота, 09 июня 2012

20:03

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

Добрый день!
У меня такая глупая проблема: мне не нравилось слишком большое по моему мнению расстояние от блока записи до эпиграфа, и я его уменьшила с помощью этого кода:

  .singlePost {position: relative; top: -110px}

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

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

URL

пятница, 08 июня 2012

22:53

невидимое меню

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

Дороги хватит на всех

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

#side {visibility: hidden; }
#side:hover { visibility: visible !important;}

если попробовать наоборот, меню видимое, а при наведении пропадает, то меню начинает мерцать, не пропадая больше чем на несколько секунд. участие класса .bordered ситуацию не изменило.

@темы: меню

URL

15:09

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

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

Здравствуйте))
Хочу в дневнике сделать #add_block1 фиксированную кнопку "вверх", подскажите как это сделать?

URL

четверг, 07 июня 2012

11:34

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

Если я молчу, то это не значит что мне нечего сказать ©

Сил моих нет уже.. :apstenu:

Подскажите где ошибка в коде, что он не фиксирует картинку внизу тела, а она плавает

#add_block5{ background: url('/userdir/3/9/7/7/397732/75007059.png') no-repeat; position:absolute;left:50%; width: 650px; height: 200px; z-index: 1; left: 490px; margin-top:-100px !important;}

запись создана: 05.06.2012 в 18:10

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

URL

понедельник, 04 июня 2012

00:14

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

Lass' es untergehen © Im Ascheregen

Сейчас разбираюсь с кнопками для публикации/сохранения новой записи. Селектор кнопки "Опубликовать" - #btSubmit. А какие селекторы у "Предпросмотр", "Сохранить черновик" и "Записать в блокнот"?
Смотрела с помощью Firebug'a, но так и не разобралась.

@темы: diaryCSS

URL

суббота, 02 июня 2012

10:35

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

Окружающие видят только мои маски и думают, что знают меня....

у шарика др рядом с ником есть свой ай ди?

URL

среда, 30 мая 2012

18:40

И снова здравствуйте

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

Jabberwocky

Не меняется цвет названия дневника. Размер шрифта, положение меняется, а цвет - нет. При этом логин все нормально поменял. Кэш чищен неоднократно. Глюки? :nope:

 #side h1 {position:absolute; top: 10px; left: 250px;color: #ffffff; font-size: 25px !important;}
 #authorName {color: #ffffff !important;}

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

URL

понедельник, 28 мая 2012

23:34

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

сто холиваров - сто побед! (с)

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

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

URL

02:03

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

Автор-многосерийник. Не серийный убийца. Беата умрет последней. Время Воронов, Рыцарей и Волшебства

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

 #side h1{position:relative; left:0px; display:block; overflow:hidden; width:180px; line-height:500px; height:41px; margin:0px !important; padding:0px !important; background-image: url('/userdir/7/5/1/5/751557/74856390.png');}

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

URL

воскресенье, 27 мая 2012

00:17

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

Jabberwocky

Проблема с шириной блока записей - не получается сделать так, чтоб текст не выходил за рамки фона.
скрин
Код (касающийся только блоков)

 #wrapper{width:1060px;min-width:0;}
 .left #page-c {margin-left:-260px;}
 .left #page-t {margin-left:260px;}
 .right #page-c {margin-right:-260px;}
 .right #page-t {margin-right:260px;}
 #side{width:250px;position:fixed; background: url('/userdir/1/0/0/6/1006371/74850694.png');height:600px;top:50%; margin-top:-300px;}
 #extratop { background: url('/userdir/1/0/0/6/1006371/74865709.png') no-repeat; width:800px; height:220px;margin-left:25%;margin-right:10%;}
 #extrabottom {background: url('/userdir/1/0/0/6/1006371/74865618.png') no-repeat; width:800px; height:180px; margin-left:25%;margin-right:10%;}
 #page-c{width:800px !important; background: url('/userdir/1/0/0/6/1006371/74865397.png') repeat-y;}
 #page-t {margin:0 0 0 0 !important; padding: 0 0 0 0 !important;}

Код для блоков page-c и page-t взят отсюда, так как если просто указать ширину блока page-c, все съезжало, как в посте по ссылке. Если проставить ширину в page-t, то блок сужается, но только с правой стороны. Может, у меня в чем-то другом ошибка? Надеюсь на вашу помощь, так как все это писалось фактически методом тыка и подбора

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

URL

суббота, 26 мая 2012

16:27

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

No hope, no love, no glory, no happy ending

Здравствуйте.
Никак не могу сдвинуть форму входа и ссылки рядом с ней (где "Зарегистрироваться" и т.п.), ни по отдельности, ни всё вместе.
Можете, пожалуйста, подсказать решение? Через классы, указанные в справочнике, не получилось, хотя может быть это я сама что-то не так делаю. :conf3:

Или подскажите, как вообще убрать форму входа. Не идеальный вариант, но лучше, чем вообще ничего с ней не сделать.(

@темы: меню

URL


Запомнить