0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 961 Просмотров
*

alezzandr

  • Новичок
  • 4
  • 0
Иконки социальных сетей
« : 12.03.2015, 15:25:02 »
Добрый день форумчане! Верстаю свою шаблон, я еще не очень силен в CSS.
Столкнулся с глобальной проблемой, не могу прикрутить соц. кнопки (пытаюсь сделать без сторонних плагинов, сервисов, модулей и т.д.)

Суть простая: картинка соц.сети, она же ссылка в группу. Со счетчиками, лайками и репостами разберемся позжее...

Собственно код:

Код
<div class="col-sm-4">
<ul class="footer-social">
<li>
<a class="footer-social_vk" href="http://vk.com"></a>
</li>
<li>
<a class="footer-social_tw" href="https://twitter.com/"></a>
</li>
</ul>
</div>

Код: css
.footer-social {
font-size: 16px;
text-align: center;
margin-top: -30px;
}

.footer-social li {
display: inline;
margin: 0 5px;
}

.footer-social_vk a {
background-image: url(../images/button_vk.png) no-repeat;
        height: 40px;
width: 40px;
}

.footer-social_tw {
background-image: url(../images/button_tw.png) no-repeat;
        height: 40px;
width: 40px;
}

Стили ссылок наследуют родительский класс и ни в одном из вариантов картинка не отображается. Если присвоить картинку к классу "footer-social", то всё хорошо, но ссылок и картинок надо  по 5 шт.

Пытался делать по примеру реального сайта, не могу понять, почему там ссылки имеют самостоятельные классы, а не наследуют родительский.


Вообщем страдаю уже 3й день, пробовал разные методы, ничего не выходит. Помогите разобраться!
*

Libertex

  • Новичок
  • 4
  • 0
Re: Иконки социальных сетей
« Ответ #1 : 12.03.2016, 12:34:56 »
Вопрос не по теме. Можете поделится КАК установили оплату  картами ?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Иконки fontello

Автор AShepelin

Ответов: 0
Просмотров: 595
Последний ответ 28.10.2014, 02:12:12
от AShepelin
Только на главной странице вместо иконки отображается текст

Автор maximm

Ответов: 1
Просмотров: 814
Последний ответ 10.06.2014, 10:49:13
от darkghost
Изменить цвет и добавление кнопок соц. сетей

Автор Kuznetsov_ilya

Ответов: 4
Просмотров: 584
Последний ответ 21.04.2014, 15:53:09
от Shustry
Как найти иконки "печати" и "отправки по почте"?

Автор waryhint2

Ответов: 8
Просмотров: 908
Последний ответ 13.02.2014, 23:25:57
от waryhint2
Joomla 2.5 | Как сделать разные иконки для разных пунктов меню

Автор kav

Ответов: 5
Просмотров: 2549
Последний ответ 20.02.2012, 12:57:11
от midav