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

понедельник, 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

16:54

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

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

привет. это снова я, и снова со своими косяками. собственно, вот код и картинКо. почему-то при задании ширины в 900 пикселей все прижимается нормально к правой границе окна. а если меньше - то все, едет непонятно почему. хотя внутри никаких контейнеров дополнительно не описано.

body {background: #dad6d1 url('/userdir/1/7/2/8/172864/64434620.png') fixed left no-repeat; background-position: left bottom !important; margin:0px !important; padding:0px !important; }
 #wrapper {width: 800px !important; position: absolute !important; right: 0px !important; top:10px !important; margin-right: 0px !important; font-family:"Mon Amour Two", "Verdana"; }
 #side {width: 800px !important; }
 #authorName {font-size: 30px !important; position: relative; top: -10px; left: -85px;}
 #thisDiaryPhoto {position: relative; top:7px; right: 80px !important;}
 .menuSection ul {background: #dad6d1;}
 #side h1 {font-size: 30px !important;}
 img{max-width: 650px;}
 #bottomNav {display:none !important;}

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

URL


Запомнить