Изменить цвет ссылок

B
На сайте с 14.01.2013
Offline
12
931

Помогите пожалуйста изменить цвет ссылок в спидбаре. DLE 9.7

На данный момент на сайте все ссылки одного вида, но в спидбаре нужен другой цвет..

как сделать?

На данный момент в speedbar.tpl у меня прописано так:

<div style="speedb">{speedbar}</div>

В css вот:

a.speedb {

color:#7B8BFF;
outline: none;
text-decoration: underline;
}
a.speed:hover {
color:#7BF8FF;
outline: none;
text-decoration: none;
}
a.speed:visited {
color:#BAA8FF;
}

Так не работает:(

Conocube
На сайте с 16.10.2012
Offline
49
#1

Селектор не правильный, у вас ссылки внутри дива

создание сайтов, фото/видео услуги, веб дизайн (http://создание-уникальных-сайтов.рф)
altezzik
На сайте с 06.11.2011
Offline
247
#2

Так вроде надо class писать, а не style

<div class="speedb">{speedbar}</div>

А в css

.speedb a {

color:#7B8BFF;
...
}
Stripe
На сайте с 05.09.2006
Offline
222
#3
<a class="speedb">{speedbar}</a>
a.speedb {
color:#7B8BFF;
outline: none;
text-decoration: underline;
}

a.speed:visited {
color:#BAA8FF;
}

a.speed:hover {
color:#7BF8FF;
outline: none;
text-decoration: none;
}

1. class, а не style

2. Hover идет последним

3. класс speedb в стилях прописан ссылкам, а у вас стояли ДИВы, если код с дивами изменять нельзя, то вариант решения будет другой.

Сайты от 30р почти по любой теме или наполнение ваших сайтов (/ru/forum/887821) дешевым контентом. Базы товаров и контента (http://nakovalnja.ru). Вечные ссылки за 1$ или 30р. (/ru/forum/741397)
B
На сайте с 14.01.2013
Offline
12
#4

Опечатался, было написано <div style ="speedb">

Поставил a style, как вы написали - все равно не работает

1. class, а не style
2. Hover идет последним
3. класс speedb в стилях прописан ссылкам, а у вас стояли ДИВы, если код с дивами изменять нельзя, то вариант решения будет другой.
siv1987
На сайте с 02.04.2009
Offline
427
#5
babanovao:
Поставил a style, как вы написали

Вам написали поставить class. И еще написали что селекторы неправильные.

<div class="speedb">{speedbar}</div>

.speedb a {

color:#7B8BFF;

outline: none;

text-decoration: underline;

}

.speed a:visited {

color:#BAA8FF;

}

.speed a:hover {

color:#7BF8FF;

outline: none;

text-decoration: none;

}

М
На сайте с 05.02.2014
Offline
30
#6

Есть ещё ошибка-неточность:

.speed a:visited {

}

класс-то опять неправильно написан, надо

.speedb a:visited {

}

В конце класса букву "b" забыта.

И то же самое для

.speed a:hover {

}

Тоже забыта "b" в конце "speed".

domen4you
На сайте с 08.03.2013
Offline
53
#7

Маркус, не факт, может этот класс используется в другом месте сайта

B
На сайте с 14.01.2013
Offline
12
#8
Маркус:
Есть ещё ошибка-неточность:
.speed a:visited {
}

класс-то опять неправильно написан, надо
.speedb a:visited {
}
В конце класса букву "b" забыта.

И то же самое для
.speed a:hover {
}
Тоже забыта "b" в конце "speed".

Сделал так:

В speedbar.tpl прописал

<div class="speedb">{speedbar}</div>

в css прописал:

.speedb a {
color:#7B8BFF;
outline: none;
text-decoration: underline;
}

.speedb a:visited {
color:#BAA8FF;
}

.speedb a:hover {
color:#7BF8FF;
outline: none;
text-decoration: none;
}

работает, спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий