Генератор кнопок соцсетей

Выберите нужные вам кнопки социальных сетей, установите в настройках их внешний вид и получите код HTML и CSS, полностью готовый для вставки на вашем сайте.

Кнопки социальных сетей

  Онлайн генератор кнопок социальных сетей для сайта.

  Данный генератор кнопок соцсетей очень прост в использовании. Минимум настроек и вы получаете готовые HTML и CSS.

Установите флажки для соцсетей которые нужно для вас добавить:

Цвет кнопок

Форма кнопок

Вывод SVG-иконок

Добавить Title

 

Код HTML:

  Скопируйте и вставьте данный html-код в нужном месте. Всё что вам остаётся сделать, это заменить значения в атрибуте href="#". Просто замените символ # на ссылку на вашу соцсеть.

 

Код CSS

 

Записи по теме
3D кнопки для сайта
кнопки Анимированные кнопки для сайта с 3D эффектом нажатия, работающие на чистом CSS. Готовое решение: html и css код для добавления на сайт кнопок с 3D эффектом.
Кнопки бутстрап
кнопки Кнопки в css-фреймворке Bootstrap. Цвета и размеры кнопок с примерами и готовыми HTML-кодами.
Кнопки соцсетей для сайта на чистом CSS
youtube Кнопки социальных сетей для сайта сделанные на чистом CSS с применением иконок Font Awesome. Взгляните на моё решение - возможно это именно то что вы ищите.

 

 

Комментарии 6
13:13 04.04.2020 #

А на вимео можо добавить, добрый человек?)

13:17 04.04.2020 #

Да, можно. Сейчас соберу иконку и цвет для кнопки вимео и добавлю новую кнопочку.

13:30 04.04.2020 #

Поклон вам, сделайте ещё кнопочку доната у себя на сайте)

13:31 04.04.2020 #

Готово. Добавил Vimeo.

13:36 04.04.2020 #

А чтобы размер изменить, мне нужно строчку добавить ещё одну?

13:40 04.04.2020 #

Размер, это в css свойства для класса .social a. Вот такие строки:

    width: 48px;
    height: 48px;

width - это ширина, height -высота кнопки. Можно эти значения изменять.


*** чтобы писать комментарии.