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

Ссылки

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

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

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

URL
Комментарии
20.01.2011 в 15:39

Aloria
Не сахар
1. Везде перед } проставьте ;
2. Вместо вот этого многатекста, который вы написали выше, резюмируйте: какие еще ссылки, где и в какой цвет (с кодом цвета) вы хотите окрасить.
3. Поменяйте порядок на link, visited, hover, active.
URL
20.01.2011 в 15:47

[ Ice Bird ]
Я слышу шаги бога смерти. ©
Aloria
1. проставила
2. все, которые в блоке записей - чтобы они были чёрными, но при наведении менялись на жёлтый так же, как меняются на него зелёные в меню. Например, сейчас "Комментировать", " Подписаться", "В цитатник" чёрные и на жёлтый меняются, а ссылки тем - уже нет (не меняются). А мне надо, чтобы менялись все.
Т.е: ник, урл, след/предыдущая запись, написать у себя и емэйл, а также ссылки, ведущие на сторонние ресурсы в том числе, но пока что они зелёные, хотя цвет меняют.
3. эм... в каком смысле?
URL
20.01.2011 в 15:52

Aloria
Не сахар
2. В настройках ставите цвет ссылок #000.
Далее прописываете в код:
a {text-decoration: none !important; }
a:hover {color: код цвета, на который должны меняться все ссылки; }
#side a, side {color: код цвета для ссылок в меню; }
#side a:hover {color: код цвета, на который должны меняться ссылки в меню !important; }

Свой код целиком удаляете. тогда п.3 можно опустить.
URL
20.01.2011 в 16:12

[ Ice Bird ]
Я слышу шаги бога смерти. ©
Aloria, спасибо! Помогло! :red:
URL
30.01.2011 в 20:59

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
Aloria объясните, пожалуйста, что именнов CSS означает !important. Кк слово переводится с инглиша, знаю.

и есть ли ещё такие "добавки"?
URL
30.01.2011 в 21:20

Aloria
Не сахар
gaarik, в данном случае есть два CSS-файла: journal.css, который прописан программистом-верстальщиком дневников, и user.css, который прописываете вы. Journal.css по умолчанию считается важнее, чем ваш, и если в обоих файлах для одного и того же элемента будет прописано одно и то же свойство, то браузер считает те значения, что прописаны в дефолтном файле, а ваши проигнорирует. Например, в journal.css прописано #wrapper {min-width: 800px; }, а вы прописываете #wrapper {min-width: 600px; } - минимальная ширина контейнера будет не 600, как хотите вы, а 800, как прописано в более важном файле. Чтоб задать приоритет (важность), и надо прописать !important - тогда браузер считает ваше значение.
Если вы сами пишете единственный css-файл, то такие добавки, скорее всего, не пригодятся. Но иногда бывает необходимо прописывать в пределах одного файла тоже.
Соответственно, если в journal.css для данного элемента ничего не прописано или прописаны свойства, не противоречащие вашим, то никаких приоритетов проставлять не надо. Также к сожалению нас не уведомлениют об изменениях в верстке, из-за чего иногда вдруг что-то перестает работать или вдруг перекашшивается до неузнаваемости. Например, летом для #wrapper без всякого объявления и неизвестно зачем были прописаны padding'и, после чего у всех появилась вдруг рамка вокруг дневника.

Больше добавок не припоминается сходу. Может, и есть, но они так редко используются, что в голову не приходят.
URL
31.01.2011 в 00:42

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
Aloria спасибо за подробное объяснение! На сайтах, полагаю, тоже применяется, если есть несколько CSS файлов.
URL
31.01.2011 в 00:43

Aloria
Не сахар
Беатрикс, на обычных сайтах редко бывает несколько css-файлов.
URL