ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] Как изменить цвет одной ссылки при наведении
19 сообщений из 19, страница 1 из 1
[CSS] Как изменить цвет одной ссылки при наведении
    #38889553
demah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
demah
Гость
Здравствуйте, ломаю голову по социальной иконки при неведении должен быть красный цвет, а основной белый. На другие иконки свой цвет. Такой метод почему то не выходит:
Код: 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:10
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889580
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
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:28
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889583
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
demahкак изменить подскажите...
Где тестовый пример с хтмлем?
...
Рейтинг: 0 / 0
26.02.2015, 15:29
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889587
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
demah,
в примере a.google:hover пробел убери
...
Рейтинг: 0 / 0
26.02.2015, 15:31
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889612
demah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
demah
Гость
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:40
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889616
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
demah,пробел убрал?
...
Рейтинг: 0 / 0
26.02.2015, 15:42
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889617
demah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
demah
Гость
kunaksergey убирал не то.

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

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


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

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


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

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

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

Такого в модуле нету к сожалению. http://joxi.ru/8AnBgn6f8KxxAO
...
Рейтинг: 0 / 0
26.02.2015, 16:45
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889764
demah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
demah
Гость
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
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889766
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
demah,
как модуль нызывается
...
Рейтинг: 0 / 0
26.02.2015, 16:49
| Ответить | Цитировать | Написать  
[CSS] Как изменить цвет одной ссылки при наведении
    #38889778
demah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
demah
Гость
kunaksergey,

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

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

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

color: #df4b38;
}
...
Рейтинг: 0 / 0
26.02.2015, 17:49
| Ответить | Цитировать | Написать  
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] Как изменить цвет одной ссылки при наведении
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38889617&tid=1446230]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 163ms
get topic data:
 19ms
get forum data:
 5ms
get page messages:
 65ms
get tp. blocked users:
 1ms
others: 211ms
total:  492ms
созд. / загр.: 492ms
x
x
Закрыть


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