|
Как сделать свои социальные кнопки на сайт
|
|
| First-1 | Среда, 23 Августа 2017, 15:07 | Сообщение 16 |
| vk - В контакте
ok - Одноклассники
fb - Facebook
lj - ЖЖ
tw - Twitter
gg - Google+
mr - Mail.Ru
Шаринга для инстаграм нет
| | Страна: (UA) |
| |
| Kosten | Среда, 23 Августа 2017, 15:09 | Сообщение 17 |
| Спасибо всем, все понял, у -SAM-, ссылки не все просмотрел, ниже class представлен под окна.
Код <div class="share_this"> <a class="social_share vk" data-type="vk">ВКонтакте</a> <a class="social_share fb" data-type="fb">Facebook</a> <a class="social_share tw" data-type="tw">Twitter</a> <a class="social_share ok" data-type="ok">Одноклассники</a> <a class="social_share gg" data-type="gg">Google+</a> <a class="social_share mr" data-type="mr">Mail.Ru</a> <a class="social_share lj" data-type="lj">LiveJournal</a> </div> | | Страна: (RU) |
| |
| Kosten | Среда, 23 Августа 2017, 15:28 | Сообщение 18 |
|
| First, последняя кнопка под одноклассники ставится, но там реальная почему то кнопка цветная получается.
| | Страна: (RU) |
| |
| First-1 | Среда, 23 Августа 2017, 15:39 | Сообщение 19 |
|
| Код style="background: none;border: none;" | | Страна: (UA) |
| |
| Kosten | Среда, 23 Августа 2017, 15:44 | Сообщение 20 |
|
| First, не понял, это надо найти и убрать?
| | Страна: (RU) |
| |
| First-1 | Среда, 23 Августа 2017, 15:49 | Сообщение 21 |
|
| Это нужно всунуть в и класс. Ну либо же смени вид кнопок входа через соц сети в панели управления
| | Страна: (UA) |
| |
| Kosten | Среда, 23 Августа 2017, 15:53 | Сообщение 22 |
|
| Но это делал, прописывал в коде, не чего не изменилось, тут вообще не понимаю, все работают. одна и как всегда последняя выносит моСг. 
Хотя можно ее не подключать, главные все подключены.
| | Страна: (RU) |
| |
| Kosten | Пятница, 25 Августа 2017, 12:39 | Сообщение 23 |
|
| Открыта, и пожалуйста, пишем по теме!
| | Страна: (RU) |
| |
| Dagada | Пятница, 25 Августа 2017, 19:03 | Сообщение 24 |
| Код <ul class="social-buttons"> <li><a href="http://vk.com/" class="social-buttons__vk"><i class="fa fa-vk"></i></a></li> <li><a href="http://ok.ru/" class="social-buttons__ok"><i class="fa fa-odnoklassniki"></i></a></li> <li><a href="http://facebook.com/" class="social-buttons__fb"><i class="fa fa-facebook"></i></a></li> <li><a href="http://twitter.com/" class="social-buttons__twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="https://plus.google.com/" class="social-buttons__google"><i class="fa fa-google-plus"></i></a></li> </ul>
css
Код .social-buttons {
margin-right: 40px;
}
.social-buttons li {
display: inline-block;
margin-right: 5px;
}
.social-buttons li:last-child {
margin: 0;
}
.social-buttons a {
border-radius: 50%;
color: #fff;
display: inline-block;
height: 29px;
line-height: 29px;
text-align: center;
width: 29px;
}
.social-buttons a:hover {
background-color: #fff;
}
.social-buttons__vk {
background-color: #45688e;
}
.social-buttons__vk:hover {
color: #45688e !important;
}
.social-buttons__ok {
background-color: #f2720c;
}
.social-buttons__ok:hover {
color: #f2720c !important;
}
.social-buttons__fb {
background-color: #3a5795;
}
.social-buttons__fb:hover {
color: #3a5795 !important;
}
.social-buttons__twitter {
background-color: #55acee;
}
.social-buttons__twitter:hover {
color: #55acee !important;
}
.social-buttons__google {
background-color: #d73d32;
}
.social-buttons__google:hover {
color: #d73d32 !important;
}
Сообщение отредактировал
Dagada - Пятница, 25 Августа 2017, 19:19 | | Страна: (UA) |
| |
