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

суббота, 20 августа 2011

09:15

все записи пользователя в сообществе Orm-Dian

писатель атмосфер

Здравствуйте. Подскажите, пожалуйста, в чем проблема.
когда я вставляю в код ссылку на картинку, то в превью появляется эта картинка. но когда я сохраняю код, то ссылка из него исчезает, а вместо нее появляется просто #, и картинка, конечно же, тоже исчезает.
например, было так:
#extratop {background: url('/userdir/1/4/2/3/1423890/61984847.jpg') no-repeat; width:900px; height:370px}
стало так:
#extratop {background: # no-repeat; width:900px; height:370px}

как быть? и почему так случается?

@темы: diaryCSS

URL

четверг, 18 августа 2011

15:35

ID Все записи пользователя, Записи пользователя:

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

Хей, жители неба! Кто на дне еще не был? Не пройдя преисподни, Вам не выстроить рай!

Хочу убрать их, но не смог найти айди их.
Спасибо зарание
p.s. И еще если кому не лень, дайте пожалуйста рабочий и правильный код фиксированого экстратопа, ссылок и меню

@темы: текст, меню

URL

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

23:45

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

если не нужно драться, незачем и побеждать

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

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

URL

15:31

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

Доброго времени суток.
1. Вопрос банальный, но что-то никак не могу самостоятельно справится: каким образом можно @темы сделать не наклонным шрифтом, а обычным?
2. Темы, музыка и настроение прописаны таким кодом:
.atTag {color: #4F0D0E; font-size: 12px;} .atTag span:before {content: "Темы:"; font-size: 12px; font-weight:bold } .atTag span {font-size: 0px; } .atMusic em span {color: #4F0D0E; font-size: 12px; font-size: 0px; } .atMusic em span:before {content: "Музыка:"; font-size: 12px; font-weight:bold; } .atMusic em {font-size: 12px;} .atMood em span {color: #4F0D0E; font-size: 12px; font-size: 0px; } .atMood em span:before {content: "Настроение:"; font-size: 12px; font-weight:bold; } .atMood em {font-size: 12px;}
В Файерфоксе 5 все отображается как нужно, то есть вот так . В Хроме же случается глюк . Как это исправить? То есть это исключительно глюк Хрома или все-таки проблема кода?
3. Опять же, в Файерфоксе все в порядке, в Хроме почему-то в строчке "Календарь записей" вылазит буквица, которая прописана стандартным кодом:

 .paragraph div:first-letter {font-size: 24px; float: none; font-family:"Hortensia"; margin-right: 1px; color: #4F0D0E; line-height:100% !important; line-height:140%;}
 div:first-letter {font-size: 24px; float: none; font-family:"Hortensia"; margin-right: 1px; color: #4F0D0E; line-height:100% !important; line-height:140%;}

Как бы ее, буквицу эту, убрать оттуда?
4. Обнаружился еще один баг по ходу тестирования в Хроме. Поле редактирования записи "налезает" на меню:оно. Это как исправить?
5. Ну и чисто интереса ради, не то, чтобы критично и в обязательном порядке: можно ли как-то поменять цвет ссылки в посте? В смысле, не рабочих ссылок, а внешних? Если делать через .paragraph, цвет меняется, не вопрос, но меняется и цвет тегов, что мне совершенно не нужно.
Спасибо заранее.

запись создана: 14.08.2011 в 19:11

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

URL

воскресенье, 14 августа 2011

19:49

Страница «Мои ссылки»

все записи пользователя в сообществе жид-медведь

Ain't no rest for the wicked...

Добрый день! В общем, в ходе оформления страницы «Мои ссылки» выявилась следующая проблема - кривое отображение текста описания. Причем кривое оно, если смотреть на него как посетитель дневника (гость, пч), самому хозяину дневника показывается все ровно и нормально. Пример на скриншотах:

так видит хозяин дневника

так видит гость ту же самую страницу

Так было всегда? Или это недавно поломалось? Кто-нибудь замечал такой косяк раньше?

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

URL

суббота, 13 августа 2011

19:44

Пробел между экстратопом и полем комментариев

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

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

Сил моих больше нет на это смотреть: http://avitale.diary.ru/?tags=
Разделение блока комментариев и экстратопа происходит на всех страницах, где мало текста. Особенно пробел большой, когда редактируешь небольшой пост на дневнике. Что с этим можно сделать?

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

URL

19:26

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

Принцесса-то развелась. Свободная касса! Свободная касса! ©

Доброго времени суток.
У меня вот такая проблема: при изменении в стандартных настройках дизайна (ещё при неплатном аккаунте) размера шрифта на 10, размер шрифта подписи и ссылок внизу поста/коммента уменьшается так, что можно только интуитивно догадаться, что там написано.

картинка

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

@темы: текст

URL

четверг, 11 августа 2011

13:55

Про размножение )))))))))))))

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

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

Вопрос от чайника. Как сделать чтобы картинка размножалась в длину, предположим в экстратопе.
Не ругайте, самой стыдно. Тыкните меня в правильный ответ :shy:

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

URL

вторник, 09 августа 2011

21:13

Меню в экстратопе

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

АУ - место, где у персонажей есть семья и детство. ©

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

@темы: дневники, меню

URL

09:01

Картинки вместо текста

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

Everything burns

Только не в меню, а вместо Настроения, Темы и Музыки.. можно ли?

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

URL

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

18:14

Закрытая запись

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

Everything burns

Подскажите КАК сделать картинку к закрытой записи
как тут

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

URL

четверг, 04 августа 2011

21:05

Изменение стандартных названий

все записи пользователя в сообществе you want to sleep

Я несу пиздец. (c)

Мм, подскажите пожалуйста, можно ли изменить название пунктов меню (цитатник, черновики и прочее) на другие надписи (не картинкой)?
По поиску нашел {content: 'bla-bla';}, но не видит.

О, разобрались. спасибо vykos и ссылке

Пример на ссылке "настройки"

#optionsLink a:before {content:"Options"}
#optionsLink .count_box {dispay: inline !important; }
#optionsLink span {display: none; }

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

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

URL

09:35

не открываются дневники

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

Существует три способа сделать что-нибудь: сделать самому, нанять кого-нибудь или запретить кошке делать это.

вообще ничего не открывается! ни дневники, ни сообщества! Пробовала с разных компъютеров и браузеров! к примеру когда открываю появляется вот это: /var/www/code/www.diary.ru/php/userdir/4/7/9/1/479156/thumb Failed create /var/www/code/www.diary.ru/php/userdir dir или вот:
/var/www/code/www.diary.ru/php/userdir/6/8/8/1/688176/thumb Failed create /var/www/code/www.diary.ru/php/userdir dir , ну и так далее... Исправте, а? Пожалуйста!

@темы: дневники

URL

воскресенье, 31 июля 2011

16:20

помогите,я здесь совсем новенбкая

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

ебата и хуета

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

URL

суббота, 30 июля 2011

21:24

все записи пользователя в сообществе Ten-Ho

Вот такой нубский вопрос - можно кого-нибудь попросить в помощь чтоб склепали из визуального - код? Бишь с меня - как должно выглядеть, а с желающего помочь - написать сие?
или тут только умные вопросы? >_<

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

URL

четверг, 28 июля 2011

13:21

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

Как сделать название дневника из двух слов в одну строчку? Навигационная панель справа.

URL

00:41

Меняющийся фон

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

Go hard or go home

Привет!
Можно ли как-нибудь реализовать меняющийся фон у дневника? Чтобы при каждом посещении/обновлении фоновая картинка случайно выбиралась бы из некоторого набора.

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

URL

вторник, 26 июля 2011

12:16

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

Uwaga! Dobry pies, ale ma słabe nerwy.

Здравствуйте.
После применения фиксированной высоты к side в неизвестные дали ушел authorName и не желает возвращаться даже если кусок про высоту убрать.

 #side {text-aligh: center; !important; width: 310px; height:15px; !important; position: relative; left: 381px; top: -20px;}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #pchs ul, #lastComments ul{background: url('/userdir/2/9/9/0/299032/65289662.png'); #e8e7e7; }
 #thisDiaryOwner_title {display:block; width:145px; height: 58px; line-height:220px; overflow:hidden; background: url('/userdir/2/9/9/0/299032/70639714.png') -1px 15px no-repeat;}
 #thisDiaryOwner{position:absolute; top: -2px;left: -110px;z-index:0;}
 #thisDiaryOwner ul{right:0px; width:140px !important; padding-top:-5px !important;top: 70px;}
 #myDiaryLinks_title {display:block; width:185px; height:69px; line-height:250px; overflow:hidden; background: url('/userdir/2/9/9/0/299032/70639716.png') 2px 15px no-repeat;}
 .menuSection ul {background:# repeat-x; !important;}
 #myDiaryLinks {position:absolute; top: -2px;left: 75px;z-index:0;}
 #myDiaryLinks ul { right:0px; width:180px !important; padding-top:0px !important;top: 70px;}
 #globalLinks_title {display:block; width:178px; height:58px; line-height:250px; overflow:hidden; background: url('/userdir/2/9/9/0/299032/70639718.png') 2px 4px no-repeat; }
 #globalLinks {position:absolute; top: 10px;left: 329px;z-index:0;}
 #globalLinks ul{right:30px; width:140px !important; padding-top:-5px !important;top:55px;}
 #side h1 a {position:absolute; left:-20px; top:-480px; display:block !important; width:360px !important; height:23px !important; line-height:190px !important; overflow:hidden !important; background: url('/userdir/2/9/9/0/299032/70639436.png') 2px 4px no-repeat !important;}
 #authorName{position:absolute; left:-98px; top:-55px; display:block !important; width:153px !important; height:19px !important; line-height:150px !important; overflow:hidden !important; background: url('/userdir/2/9/9/0/299032/70639469.png') 2px 4px no-repeat !important;}

Вопрос следующий: как вернуть имя на законное место, не увеличивая отступление между экстратопом и эпиграфом?

@темы: меню

URL

суббота, 23 июля 2011

11:29

Поиск по дневнику

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

ПОдскажите пожалуйста, как сделать, чтобы поиск по дневнику был виден постоянно, а не открывался по ссылке?
Конструкция: #YaSearchForm {visibility:visible !important;}
Не работает

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

URL

пятница, 22 июля 2011

10:35

все записи пользователя в сообществе Project: UnMEI

Reckless

Добрый день.
В настоящее время только-только начинаю разбирать стили и то, как из писать здесь, в дневниках, хотя общее представление о CSS имеется (до этого был написан код и сделан дизайн для платформы mybb), и вот уже на самыхъ начальных этапах сталкиваюсь с проблемой:
все основные элементы смещаются относительно центра примерно на 10 пикселей влево, причем во всех браузерах кроме эксплорера. Есть подозрение, что это как-то связано со скролл-баром и его шириной. Не могли бы Вы подсказать, в чем проблема, и как ее решить?

Код:

 body {background: #8aa1b8 url('/userdir/2/6/9/4/2694576/70533550.jpg') center center repeat fixed; padding: 0 0 0 !important; }
 #wrapper {width: 850px !important; position: absolute; padding: 0 0 0 !important; }
 #extratop {width: 850px; height: 400px; position:fixed; position: center center; }
 #page-c {position: top center; }
 #extratop {background: url('/userdir/2/6/9/4/2694576/70533638.png') no-repeat; }

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

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

запись создана: 18.07.2011 в 15:42

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

URL


Запомнить