Вход через соц сети - изменение иконок кнопок на свои

голоса: 0
Помогите, как сделать свою регистрацию/вход на сайте через соц. сети(свои картинки).  Пример: "Есть своя иконка вк, и мне надо чтобы при нажатиее на нее перебрасивало на вход через вк" Думаю понятно :D
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Пропишите в таблицу стилей CSS следующие стили:

a.facebook i { background-image: url(/.s/img/icon/social/fb.svg)!important; border:2px solid #3c599f }
a.facebook:hover i {background-image: url(/.s/img/icon/social/fb-w.svg)!important; background-color:#3c599f }
a.vkontakte i { background-image: url(/.s/img/icon/social/vk.svg)!important; border:2px solid #2f6caa }
a.vkontakte:hover i { background-image: url(/.s/img/icon/social/vk-w.svg)!important; background-color:#2f6caa }
a.yandex i { background-image: url(/.s/img/icon/social/ya.svg)!important; border:2px solid #dc4c39 }
a.yandex:hover i { background-image: url(/.s/img/icon/social/ya-w.svg)!important; background-color:#dc4c39 }
a.google i { background-image: url(/.s/img/icon/social/gp.svg); border:2px solid #505050 }
a.google:hover i { background-image: url(/.s/img/icon/social/gp-w.svg)!important; background-color:#505050 }
a.twitter i { background-image: url(/.s/img/icon/social/tw.svg)!important; border:2px solid #00b3ec }
a.twitter:hover i { background-image: url(/.s/img/icon/social/tw-w.svg)!important; background-color:#00b3ec }
a.ok i { background-image: url(/.s/img/icon/social/ok.svg)!important; border:2px solid #ed812b }
a.ok:hover i { background-image: url(/.s/img/icon/social/ok-w.svg)!important; background-color:#ed812b }
a.uid i { background-image: url(/.s/img/icon/social/u.svg)!important; border:2px solid #3498db }
a.uid:hover i { background-image: url(/.s/img/icon/social/u-w.svg)!important; background-color:#3498db }
a.local i { background-image: url(/.s/img/icon/social/l.svg)!important; border:2px solid #6c6c6c }
a.local:hover i { background-image: url(/.s/img/icon/social/l-w.svg)!important; background-color:#6c6c6c }

вместо текущих ссылок иконок пропишите свои.

| Автор:
Выбор ответа лучшим | | Автор: iWebby Monstr
А текст uID Facebook и тд это в svg?
нет это в форме входа
webanet,
не вижу что-то
в исходнике видно. это работа системного кода LOGIN FORM
...