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

вторник, 25 января 2011

14:56

Обводка враппера.

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

I'll weep into your eyes, I'll make your vision sing, I'll open endless skies and ride your broken wings

В ленте самого дневника хром и мозилла почему-то считают мой враппер высотой в 569 пикселей.
На странице с комментариями мозилла продлевает враппер до поля для ввода текста (смотреть), а хром показывает все те же 569px.
В чем проблема? Может, я с .bordered чего не так сделала? Ткните, если не трудно, в его внятное описание.

 b {font-size:12px; font-family:tahoma;}
 body.top {padding-top: 0px;}
 #myDiaryLink b, #allDiaryLink b { font: normal 14px "trebuchet ms" !important;}
 #extratop {width:940px; height:100px; background:url('/userdir/6/0/0/4/60049/64465586.jpg') no-repeat;}
 #wrapper {width:940px; min-width:940px; background:#ededed; border:4px double #333333;}
 a, a:hover, a:active {text-decoration:none !important;}
 #page-c {width:940px; min-width:940px; height:371px; padding-top: 100px; background:url('/userdir/6/0/0/4/60049/64465247.jpg') no-repeat ; background-position:0% 0%; }
 #page-t {padding-top:271px; }
 #page-t a {color:#636363 !important; border-bottom: #636363 1px dotted;}
 #page-t a:hover, a:active {color:#ff5000 !important; border-bottom: #ff5000 1px dotted;}
 #side h1 {font: italic 30px georgia !important; position:absolute; top:30px; left:50%; margin-left: -430px !important; background:transparent;}
 #side h1 a {color:#ffffff !important; text-shadow: #000000 0px 2px 1px;}
 #side a {color:#636363; text-shadow: #f8f6f6 0px 1px;}
 #side a:hover, a:active {color:#ff5000; border-bottom:none;}
 #side .bordered {background-color:transparent; border:none; margin-top:-37px;}
 #authorName {font: italic 30px georgia !important; position:relative; top:15px; margin-right:60px;}
 a#authorName {color:#ffffff !important; text-shadow: #000000 0px 2px 1px;}
 .authorName {font:12px Tahoma !important; max-width:120px !important; text-align:center !important;}
 {главное меню}
 #globalLinks {height:190px; width:165px; padding:0; position:absolute; top:108px !important; left:50%; margin-left:-430px; text-align:center; font-weight:normal;}
 #globalLinks ul {display:block; width:151px; font:14px "trebuchet ms"; margin:-1px 0 0 0; padding:0; text-transform:lowercase; background:transparent;}
 #globalLinks_title {height:23px;text-shadow: #ffffff 0px 1px;}
 {мой дневник}
 #myDiaryLinks {padding:0 ; position:absolute; left50%; top:108px; margin-left:240px; text-align:center;}
 #myDiaryLinks ul { display:block; width:126px; font:14px "trebuchet ms"; margin:0px; text-transform:lowercase; background:transparent;}
 #myDiaryLinks_title {height: 22px; text-shadow: #ffffff 0px 1px;}
 {записи}
 #thisDiaryOwner {width:145px;padding:0; position:absolute;top:108px;left:50%; margin-left:-40px; text-align:center;}
 #thisDiaryOwner ul {display:block;width:230px; margin-left: -50px !important; font:14px "trebuchet ms"; margin:-7px 0 0 0px ; text-transform:lowercase; background:transparent;}
 #thisDiaryOwner_title {text-shadow: #ffffff 0px 1px;}
 #TagsList {display:block; width:200px; height:480px;text-align:left !important; padding-left:60px; background-color:#ececec;}
 {display none}
 .order_button, #myNotepadLink,#myLinksLink,#myProfileLink,#albumLink,#photolibLink,#communityCatalogueLink,#faqLink,#iAmQuit, #thisDiaryLinks,#YaSearch, .prevnext,#lastComments, #thisDiaryPhoto, .urlLink, #commentsArea_title, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #rssLink, #upInChart, #bottomNav, #pchs{display:none !important;}
 #usrlog, #usrpass, #open_uri, #save, .std_submit,#login_form_title {display:none;}
 #myDiaryLinks_title, #globalLinks_title, #thisDiaryOwner_title {cursor:default; }
 #thisDiaryOwner_title b, #myDiaryLinks_title b, #globalLinks_title b{font: italic normal 22px georgia !important; color:#636363;}
 {границы}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid, .htmlbox { border:1px dashed #ACACAC; }
 {логин}
 #commentsArea {margin-top:0px !important; margin-bottom:0px;}
 #postsArea {padding-bottom:0px !important; margin-bottom:0px;}
 {misc}
 .eot {color:#69b24c;}
 .communityName { border-bottom:none !important; padding-bottom:5px !important;}
 .communityName a, .authorName a{ border-bottom:none !important; }
 .sign {text-align:center;}
 .postActionLinks a {border-bottom:none !important;}
 .postDate, .postTitle {padding-left: 5px !important;}
 .postLinksBackg {text-align:center;}
 .paragraph {padding-left: 10px; padding-right: 10px;}
 .avatar, .avatar img {text-align:center !important;}
 b {font-family: tahoma; font-size:12px;}
 .TagL {font: bold 12px Tahoma;color:#636363;border-bottom:none !important;}
 .atTag span {display:none !important; }
 .atTag:before {content: "жёпки:"; font-size: 14px; color:#219496; }
 .atMusic span {display:none !important; }
 .atMusic:before {content: "музыка:"; font-size: 14px; color:#219496; }
 .atMood span {display:none !important; }
 .atMood:before {content: "настроение:"; font-size: 14px; color:#219496; }
 .atMusic em, .atMood em, .atTag em { font-size: 100%; }

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

URL

понедельник, 24 января 2011

02:54

Не могу поставить на место блоки и настроить отступы.

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

Предвестник кровоточащей радуги © Я молоко топор 30 ракет вперед.

У меня такая проблема. Не могу подвинуть экстратоп к полосе записей так, чтобы весь контейнер был справа, а не разплывался по всему экрану.
Двигала уже всё, что могла, пробовала прописывать флоапы и паддинги, не получается от совсем. Что у меня не так? Как воткнуть на место?
Должно быть вот так:

А выглядит всё так, как сейчас у меня в дневнике. дневник открыт.

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

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

URL

суббота, 22 января 2011

22:35

?

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

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

подскажите еще пожалуйста, код описания нового поста( то есть когда автор дневника только пишет пост =_=)

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

URL

11:05

Отступ комментариев друг от друга.

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

Пролитала поиск по запросу, долго-долго искала, пожалейте меня.((
Дело всё в том, что я давно хотела бы сделать себе такую штуку, как вот здесь, а именно разделённые комментарии. Или я не то пробовала, или слишком невнимательная была, но у меня даже близко ничего не получается. =\
Есть целый код от того дизайна, что на картинке, оттуда пыталась выудить "то самое", но увы и ах. Ничего не вышло, наверно, потому что тот код максимально подогнан под приведённый дизайн.
Помогите спасите. вы можете сделать меня счастливой.(

@темы: отступы, diaryCSS, Дизайн, Мысли вслух

URL

02:31

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

лама дель рей

помогите, пожалуйста, еще.
в идеале дизайн должен выглядеть так:

у меня на выходе вот что:

@темы: diaryCSS

URL

00:52

Содержимое поста

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

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

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

Плюс запись и заголовки съезжают в комментах

запись создана: 19.01.2011 в 15:17

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

URL

00:14

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

лама дель рей

нужно, чтобы черная окантовка аватаров была целиковая.
проблема:

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

URL

четверг, 20 января 2011

15:34

Ссылки

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

Я слышу шаги бога смерти. ©

Здравствуйте.
Я снова обращаюсь за помощью. *чайник-мод-он*
Мне нужно сделать так, чтобы цвет ссылок в меню и в записях был разным. Например, ссылки в меню у меня зелёные, меняются на жёлтые. Но в блоке записей из-за его фона они теряются, и я хотела задать им другой цвет, чтобы и он, в свою очередь, менялся на жёлтый.

 .umail a{color:#050505}
 .diary a{color:#050505}
 .profile a{color:#050505}
 .addToQuote a{color:#050505}
 .subscribe a{color:#050505}
 .comments a{color:#050505}
 .quote_post a{color:#050505}

Этот код помог, но не совсем - внутренние ссылки в эпиграфе так и остались зелёными.
читать дальше
Через "метод тыка" и этот код: A:visited {color: #050505;} нужные мне ссылки наконец-то закрасились чёрным, но вместе с ними закрасилась и часть менюшевских. При наведении курсора они, правда, таки меняют цвет на жёлтый, но кроме этого ещё и подчёркиваются >< Поэтому я его убрала.

При этом: .atMood a, .atTag a, .atMusic a {color: #000 !important; } зелёными остаются ссылки на: ник, урл, след/предыдущая запись, написать у себя и емэйл, а также ссылки, ведущие на сторонние ресурсы. При просмотре ф-ленты не работают только ники и группы избранного.

Я пока прекратила мудрить и оставила вот этот код, при котором они частично остались зелёными... А ещё здесь цвет ссылок тем фиксированный и не меняется(

 .umail a{color:#050505}
 .diary a{color:#050505}
 .profile a{color:#050505}
 .addToQuote a{color:#050505}
 .subscribe a{color:#050505}
 .comments a{color:#050505}
 .quote_post a{color:#050505}
 .atMood a, .atTag a, .atMusic a {color: #050505!important; }
 A:link {text-decoration: none}
 A:visited {text-decoration: none}
 A:active {text-decoration: none}
 A:hover {color: #e6d136;}

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

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

URL

среда, 19 января 2011

14:11

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

Ты сама не знаешь, какая ты замечательная. Как только ты поверишь в себя, ты сможешь справиться с любыми сложностями на свете.

Добрый день!
Я не давно тут зарег.
но вот проблема в CSS-стили
я не понимаю как установить ,то что дано дизайнером
ФОН ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5724968...
ФОН МЕНЮ: static.diary.ru/userdir/1/7/5/6/1756048/5722112...
РАЗДЕЛИТЕЛЬ: static.diary.ru/userdir/1/7/5/6/1756048/5722132...
ТЕМЫ: static.diary.ru/userdir/1/7/5/6/1756048/5722114...
ФОН ПОЛЯ ЗАПИСЕЙ: static.diary.ru/userdir/1/7/5/6/1756048/5722110...
ВЕРХ ПОЛЯ ЗАПИСЕЙ: static.diary.ru/userdir/1/7/5/6/1756048/5722851...
КОРИЧНЕВЫЙ ЯРЛЫК: static.diary.ru/userdir/1/7/5/6/1756048/5724956...
КАВЫЧКИ ЦИТАТЫ СВЕТЛЫЕ: static.diary.ru/userdir/1/7/5/6/1756048/5724953..
я поняла что нужно писать все в стили«Берёте селектор, пишете для него стили»
но видимо я не что то длеаю пишу например #side{background: url('/userdir/дальнейший_адрес_изображения.jpg');}
в кажом стили что ли писать: {background: url('/userdir/дальнейший_адрес_изображения.jpg');}
Помогите!

@темы: diaryCSS

URL

вторник, 18 января 2011

13:34

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

лама дель рей

как изменить фон с бежа на серый? кругом отмечено )

@темы: diaryCSS

URL

02:14

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

there there

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

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

URL

пятница, 14 января 2011

09:34

Добрый день)) Искала по сообществу, не нашла, поэтому спрашиваю))))))

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

Зло умеет заводить дружбу с хорошими людьми и утаскивать их во тьму.

У нас очень часто народ постит у себя результаты всяких тестов. Они формируются с использованием кодов таблицы в HTML. Можно ли изменять размеры таких таблиц с помощью CSS?
То есть, например, у меня в Избранном толпа народа с результатом одного и того же теста, и этот результат отображается так, что в посте появляется горизонтальный скроллбар. А мне не хочется, чтобы он "уродовал" мою ленту.
Варианты с "отпишись от такого Избранного" не подойдут, потому что такое бывает редко, а своим Избранным я дорожу))

upd. Вопрос решен благодаря Aloria :red:

.
Добавляем в код:

table {max-width: Хpx !important; }
table img {max-width: Ypx !important; }

При этом размер Y должен быть меньше размера X.

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

URL

03:22

Фон даты

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

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

Фон даты или же подпись даты нужно сдвинуть а то они неровно как то смотрятся. Можно ли это сотворить?

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

URL

четверг, 13 января 2011

16:05

Шрифт кнопок

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

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

вроде бы этого еще не было. если вам вдруг ужасно захотелось поменять шрифт и размер кнопок, шрифт в формах записи и комментариев, вам пригодится этот код
#message {font-family: Monotype Corsiva, Courier New, Tahoma; } //шрифт в формах записи и комментарии
#btSubmit {font-family: Monotype Corsiva, Courier New, Tahoma; font-size: 17px; } //кнопка отправки нового комментария
#postsArea #rewrite {font-family: Monotype Corsiva, Courier New, Tahoma; font-size: 17px; width: 130px !important;} //публикация новой записи
#postsArea #preview {font-family: Monotype Corsiva, Courier New, Tahoma; font-size: 17px; width: 130px !important;} //кнопка предпросмотра
#postsArea input.submit, submit {font-family: Monotype Corsiva, Courier New, Tahoma; font-size: 17px; width: 175px !important;} //это стиль вообще всех кнопок в публикации новой записи. но, если вы задали стиль для первых двух, то эта строка будет отвечать за кнопки сохранения в черновик и сохранения в блокнот

URL

00:14

рассинхронизация

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

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

я многое видела, но это вижу в первыый раз! у меня при просмотре через браузер выкидывается ЦЕЛАЯ строка из стиля! конкретно вот эта
.atTag em, .atMood em, .atMusic em {font-style: normal !important;}

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

UPD так вот, благодаря Aloria было выяснено, если имеет место примерно такая аномалия, то просто нужно отойти и покурить несколько часов, пока сервера обмозгуют происходящее

URL

среда, 12 января 2011

17:21

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

нож всегда один

Как поменять курсор?

+++

Читала по ссылке в эпиграфе, но я так поняла, там тоже никто не знает.

@темы: diaryCSS

URL

15:35

Съзжают рамки.

все записи пользователя в сообществе Kio-Kaidou

Быть свободным и получать от всего только самое лучшее. (с)

Решила обвести меню и основной блок двойной рамкой, но почему-то внизу меню и в основном блоке рамка съезжает... Как исправить?

.singlePost, #page-t { border-style:double; }
 .singlePost, #postsArea { border-style:none; }
 .singlePost, #side { border-style:double; }
 .singlePost, #page-c { border-style:none; }

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

URL

вторник, 11 января 2011

21:58

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

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

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

 .TagJIco a:link, .TagJIco a:visited, .TagJIco a:hover, .TagJIco a:active {border-bottom: none !important;}
 .TagL a:link, .TagL a:visited, .TagL a:hover, .TagL a:active {border-bottom: none !important;}

URL

14:09

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

Я поменял только ник! Пол остался грубо-мужским!

Здравсвствуйте!

Вопрос: можно ли с помощиью кодов заменить слова "Комментировать", "Подписаться", "В Избранное" на какие либо картинки( даже скоре иконки)?
Среди постов в сообществе ничего похожего не нашел.
Спасибо!

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

URL

воскресенье, 09 января 2011

17:17

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

sanitarium

приветствую.
хочу избавится от ссылок вверху(главная, случайный дневник и т.д.):

используя код:
#allDiaryLink, #mainpageLink, #favListLink, #randomDiaryLink, #faqLink, #myLinks, #diarySpiritLink {display:none;}
столкнулась с тем что не помогает и ссылки остаются. помоги с этой задаче. заранее благодарю.

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

URL


Запомнить