Перейти к содержимому


Как Сделать Подсветку Кнопки Соцсети?

instagram facebook

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 jenkamf

jenkamf

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 28 Февраль 2017 - 18:46

В данное время при наведении мышки на иконку Facebook она выделяется цветом, а Instagram нет.  Во вложении файлы, если непонятно объяснил.

Прикрепленные изображения

  • face.png
  • insta.png


#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Февраль 2017 - 19:27

Просмотр сообщенияjenkamf (28 Февраль 2017 - 18:46) писал:

В данное время при наведении мышки на иконку Facebook она выделяется цветом, а Instagram нет.  Во вложении файлы, если непонятно объяснил.
Здравствуйте.
В main.css найдите код
#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}
и замените на
#header .header-right .header-right-inner .connect-us li a.fa-instagram:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}
В данном коде устанавливаются цвета для значков соц. сетей.

#3 jenkamf

jenkamf

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 28 Февраль 2017 - 20:22

Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных