Онлайн генератор кнопок социальных сетей для сайта.
Данный генератор кнопок соцсетей очень прост в использовании. Минимум настроек и вы получаете готовые HTML и CSS.
Установите флажки для соцсетей которые нужно для вас добавить:
Цвет кнопок
Форма кнопок
Вывод SVG-иконок
Добавить Title
Код HTML:
Скопируйте и вставьте данный html-код в нужном месте. Всё что вам остаётся сделать, это заменить значения в атрибуте href="#". Просто замените символ # на ссылку на вашу соцсеть.
Код CSS
Записи по теме
3D кнопки для сайта
Анимированные кнопки для сайта с 3D эффектом нажатия, работающие на чистом CSS. Готовое решение: html и css код для добавления на сайт кнопок с 3D эффектом.
Анимированные кнопки для сайта с 3D эффектом нажатия, работающие на чистом CSS. Готовое решение: html и css код для добавления на сайт кнопок с 3D эффектом.
Кнопки бутстрап
Кнопки в css-фреймворке Bootstrap. Цвета и размеры кнопок с примерами и готовыми HTML-кодами.
Кнопки в css-фреймворке Bootstrap. Цвета и размеры кнопок с примерами и готовыми HTML-кодами.
Кнопки соцсетей для сайта на чистом CSS
Кнопки социальных сетей для сайта сделанные на чистом CSS с применением иконок Font Awesome. Взгляните на моё решение - возможно это именно то что вы ищите.
Кнопки социальных сетей для сайта сделанные на чистом CSS с применением иконок Font Awesome. Взгляните на моё решение - возможно это именно то что вы ищите.
А на вимео можо добавить, добрый человек?)
Да, можно. Сейчас соберу иконку и цвет для кнопки вимео и добавлю новую кнопочку.
Поклон вам, сделайте ещё кнопочку доната у себя на сайте)
Готово. Добавил Vimeo.
А чтобы размер изменить, мне нужно строчку добавить ещё одну?
Размер, это в css свойства для класса
.social a. Вот такие строки:width - это ширина, height -высота кнопки. Можно эти значения изменять.
*** Авторизируйтесь чтобы писать комментарии.