Страница 2 из 2«12
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Как сделать свои социальные кнопки на сайт
Как сделать свои социальные кнопки на сайт
First
Дата: Среда, 23.08.2017, 15:07 | Сообщение # 16
Модераторы
Сообщений:678
Награды: 22


vk - В контакте
ok - Одноклассники
fb - Facebook
lj - ЖЖ
tw - Twitter
gg - Google+
mr - Mail.Ru

Шаринга для инстаграм нет


CSTET.RU - Всё для CS:S и CS:GO
Страна: (UA)
Kosten
Дата: Среда, 23.08.2017, 15:09 | Сообщение # 17
Администраторы
Сообщений:15290
Награды: 50


Спасибо всем, все понял, у -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.08.2017, 15:28 | Сообщение # 18
Администраторы
Сообщений:15290
Награды: 50


First, последняя кнопка под одноклассники ставится, но там реальная почему то кнопка цветная получается.

Прикрепления: 4856807.png(10Kb)
Страна: (RU)
First
Дата: Среда, 23.08.2017, 15:39 | Сообщение # 19
Модераторы
Сообщений:678
Награды: 22


Код
style="background: none;border: none;"


CSTET.RU - Всё для CS:S и CS:GO
Страна: (UA)
Kosten
Дата: Среда, 23.08.2017, 15:44 | Сообщение # 20
Администраторы
Сообщений:15290
Награды: 50


First, не понял, это надо найти и убрать?
Страна: (RU)
First
Дата: Среда, 23.08.2017, 15:49 | Сообщение # 21
Модераторы
Сообщений:678
Награды: 22


Это нужно всунуть в и класс. Ну либо же смени вид кнопок входа через соц сети в панели управления

CSTET.RU - Всё для CS:S и CS:GO
Страна: (UA)
Kosten
Дата: Среда, 23.08.2017, 15:53 | Сообщение # 22
Администраторы
Сообщений:15290
Награды: 50


Но это делал, прописывал в коде, не чего не изменилось, тут вообще не понимаю, все работают. одна и как всегда последняя выносит моСг. 11a

Хотя можно ее не подключать, главные все подключены.
Страна: (RU)
Kosten
Дата: Пятница, 25.08.2017, 12:39 | Сообщение # 23
Администраторы
Сообщений:15290
Награды: 50


Открыта, и пожалуйста, пишем по теме!
Страна: (RU)
Dagada
Дата: Пятница, 25.08.2017, 19:03 | Сообщение # 24
Vip
Сообщений:89
Награды: 2


Код
<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.08.2017, 19:19
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Как сделать свои социальные кнопки на сайт
Страница 2 из 2«12
Поиск: