Шесть различных стилей для кнопок социальных сетей.
Визуальность |
Редактор |
|
Подключение файла
Подключение необходимо для отображения иконок.
|
Подключение файла
<head>
...
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
...
</head>
Код влтавлять между тегами HEAD.
|
||||||||
|
Квадратные
|
Квадратные
<div class="butnet">
<div class="vk block">
<div class="main"><span><i class="fa fa-vk"></i></span></div>
<a href="#vk"><div class="turtle vk"></div></a>
</div>
... и так далее...
</div>
Уже установленные соц сети:
1. Facebook - facebook 2. Одноклассники - odno 3. ВКонтакте - vk 4. Google - google 5. Twitter - twitter 6. Instagram - instagram 7. Youtube - youtube |
||||||||
|
Круглые
|
Круглые
<div class="butnet circle">
<div class="vk block">
<div class="main"><span><i class="fa fa-vk"></i></span></div>
<a href="#vk"><div class="turtle vk"></div></a>
</div>
... и так далее...
</div>
Алетернативные квадратным, но в форме круга.
|
||||||||
|
В стиле Лимона :)
|
В стиле Лимона :)
<div class="butnet lemon">
<div class="vk block">
<div class="main"><span><i class="fa fa-vk"></i></span></div>
<a href="#vk"><div class="turtle vk"></div></a>
</div>
... и так далее...
</div>
Такие же кнопочки.
|
||||||||
|
Стиль "Вывески"
|
Стиль "Вывески"
<div class="butnet board">
<div class="vk block">
<div class="main"><span><i class="fa fa-vk"></i></span></div>
<a href="#vk"><div class="turtle vk"></div></a>
</div>
... и так далее...
</div>
|
||||||||
|
Стиль "Капли"
|
Стиль "Капли"
<div class="butnet drop">
<div class="vk block">
<div class="main"><span><i class="fa fa-vk"></i></span></div>
<a href="#vk"><div class="turtle vk"></div></a>
</div>
... и так далее...
</div>
|
||||||||
|
Использованные Цвета
|
|||||||||
|
Авторы
Ben
|
