Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] Как изменить цвет одной ссылки при наведении / 19 сообщений из 19, страница 1 из 1
26.02.2015, 15:10
    #38889553
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
Здравствуйте, ломаю голову по социальной иконки при неведении должен быть красный цвет, а основной белый. На другие иконки свой цвет. Такой метод почему то не выходит:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
 a  .google {

color:#FFFFFF;
}
.google a:hover {

color: red;
}

общий цвет по шаблону в hover синий и сам код сейчас:
Код: css
1.
2.
a{color:#000000;}
a :hover{color:#08c;}

, как изменить подскажите...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:28
    #38889580
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demah,

<html>
<head>
<style>
a.google {
color:#FFFFFF;
}

a .google:hover {
color: red;
}

общий цвет по шаблону в hover синий и сам код сейчас:
a{color:#000000;}
a:hover
{color:#08c;}
</style>
</head>

<body>

<a href="" class='google'> GOOGLE</a><br>
<a href=""> YANDEX</a><br>
<a href=""> YAHOO</a><br>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:29
    #38889583
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demahкак изменить подскажите...
Где тестовый пример с хтмлем?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:31
    #38889587
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demah,
в примере a.google:hover пробел убери
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:40
    #38889612
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
kunaksergey, нет так не работает.

krvsa,
Собственно класс и такой подставлял icon-google-plus
Код: html
1.
2.
3.
<a class="social-button rt-social-button-3" style="color: #ffffff" href="https://plus.google.com/114430407008695950828/posts" target="_blank">
				<span class="icon-google-plus"></span>
							</a>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:42
    #38889616
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demah,пробел убрал?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 15:43
    #38889617
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
kunaksergey убирал не то.

Здесь сайт и вверху сами соц иконки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:04
    #38889661
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demahkunaksergey убирал не то.

Здесь сайт и вверху сами соц иконки
у вас style для этих кнопок зашит в сам код страницы имеющий наивысший приоритет... или переносите в css или используйте
onMouseOver/ onMouseOut
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:08
    #38889667
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demahпри неведении должен быть красный цвет
У ссылки со
Код: html
1.
 style="color: #ffffff"


такого никогда небудет...

Стиль, указанные напрямую в атрибуте, style имеет самый большей приоритет перед остальными селекторами.
Почитай про расчет приоритетов
http://seodon.ru/css/prioritety-stilej.php
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:16
    #38889684
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
krvsademahпри неведении должен быть красный цвет
У ссылки со
Код: html
1.
 style="color: #ffffff"


такого никогда небудет...

Стиль, указанные напрямую в атрибуте, style имеет самый большей приоритет перед остальными селекторами.
Почитай про расчет приоритетов
http://seodon.ru/css/prioritety-stilej.php

Убрал не изменилось.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:25
    #38889702
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
Иконка кажись тянется из такой ерунды: .icon-google-plus-sign:before{content:"\f0d4";} , а где найти этот content:"\f0d4";, не знаю
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:29
    #38889712
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demahУбрал не изменилось.
Где тестовый хтмл-пример?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:35
    #38889720
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demahИконка кажись тянется из такой ерунды: .icon-google-plus-sign:before{content:"\f0d4";} , а где найти этот content:"\f0d4";, не знаю
по большому счету color к цвету иконки никакого не имеет. У вас скорее в таблице стилей иконки оформлены как background для класса rt-social-button-1 rt-social-button-2 rt-social-button-3 и т.д
Вам надо найти, где иконка оформляется и на hover повесить такую же иконку, только другого цвета
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:39
    #38889732
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
О... глянул.. это же Joomla тебе лучше через администратора в модуле соц кнопок поменять цвет, а не в исходниках
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:45
    #38889748
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
kunaksergeyО... глянул.. это же Joomla тебе лучше через администратора в модуле соц кнопок поменять цвет, а не в исходниках

Такого в модуле нету к сожалению. http://joxi.ru/8AnBgn6f8KxxAO
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:49
    #38889764
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
kunaksergeydemahИконка кажись тянется из такой ерунды: .icon-google-plus-sign:before{content:"\f0d4";} , а где найти этот content:"\f0d4";, не знаю
по большому счету color к цвету иконки никакого не имеет. У вас скорее в таблице стилей иконки оформлены как background для класса rt-social-button-1 rt-social-button-2 rt-social-button-3 и т.д
Вам надо найти, где иконка оформляется и на hover повесить такую же иконку, только другого цвета

Это более похоже, но не могу найти пока. Другой вариант вырезать иконки изменить цвет один белый другой красный, думаю такой вариант.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:49
    #38889766
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
demah,
как модуль нызывается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 16:53
    #38889778
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
kunaksergey,

Это не модуль а настройка темы Anacron for Joomla is a RocketTheme
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2015, 17:49
    #38889857
demah
demah
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] Как изменить цвет одной ссылки при наведении
Решено. Это не ссылка. :)

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
.icon-google-plus{

color:#FFFFFF;
}
.icon-google-plus:hover {

color: #df4b38;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] Как изменить цвет одной ссылки при наведении / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 435ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446230]:
 0ms
get settings:
 8ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 144ms
get topic data:
 6ms
get forum data:
 4ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 215ms
total:  435ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]