Сделать кнопку Вконтакте онлайн

Цвет кнопки
Вишневый
Апельсиновый
Летний
Небесный
Виноградный
Светлый
Свой цвет кнопки Текстом / Кнопкой

Новая цена / Или большой заголовок

Размер новой цены

Цвет новой цены / Заголовка Текстом / Кнопкой

Старая цена

Размер старой цены

Вступительный текст

Всё большими буквами

Сделайте скриншот блока ниже

Это очень простой генератор для достаточно широкого ряда задач, поэтому автогенерация изображений пока недоступна и вряд ли будет добавлена. Воспользуйтесь любым приложением для скриншотов. Я рекомендую Яндекс Диск или FastStone Capture

К слову если вы хорошо разбираетесь в HTML и CSS, то можете дополнительно более гибко настраивать все элементы под себя, используя средства браузера (опция «Происпектировать элемент»).

Как пользоваться

Кнопка действия Вконтакте.

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

Дополнительно включает настройку размера, типа и цвета кнопки

Кроме кнопки можно настроить дополнительные поля:

  • вступительный текст
  • старую зачеркнутую цену
  • новую цену

Чтобы получить картинку кнопки, просто сделайте скриншот того, что получилось

Источник: skyjoom.com

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

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

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

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

Онлайн генератор кнопок для сайта

Онлайн генератор кнопок для сайта

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

Комментарии

Prem 15 июня 2023, 11:52
Алекс 10 октября 2022, 19:11
Хотелось бы добавить иконку перед текстом, а так круто, спасибо!
Галина 04 июля 2022, 18:45
Надпись на кнопке почему то на по центру относительно верха и низа. Это можно как то поменять?
Кирилл 30 июня 2022, 12:09
Как вариант еще чтобы менялась надпись на кнопке при наведение.
SVETLANA 17 октября 2021, 21:35
Спасибо за генератор,кнопка работает, ведет куда надо. Только поставить надо ее по центру.
Юрий 29 сентября 2021, 14:39
Можно ли в кнопку добавить картинку?
И как это сделать?
Спасибо.
Roman 16 марта 2021, 17:27

Еще по теме:  Как выглядит обновленный ВК на телефоне

Что нужно добавить в код кнопки чтобы выровнять ее по центру блока «страницы»? Или как это сделать? Заранее спасибо!

Сергей 11 февраля 2021, 15:04

Простой и понятный генератор. Очень удобно делать кнопки. Спасибо! А можно ли как-то по мимо ссылки, добавить функцию копки «копировать в буфер обмена» ? Облазил весь интернет, но ни в одном генераторе такой возможности не нашел.

Александр 02 февраля 2021, 23:39

Добрый день.
Интересный генератор кнопки.
А такой вопрос — можно ли как-то средствами CSS сделать тень у кнопки? И, скажем, чтобы при наведении мыши она как-то менялась немножко ещё?

Да, спасибо за идею, будет время — добавлю
Евгений 04 июня 2020, 13:46

У Вас очень хороший конструктор!
Но есть один маленький вопрос: я выбираю исходный и конечный цвет текста кнопки абсолютно белый (#ffffff), и при просмотре результата он соответствует задуманному.
Но после установки кода на сайт обнаруживается, что начальный цвет голубой и с подчеркиванием (в итоге нет контраста, и надпись какая-то блёклая), при этом после наведения всё соответствует задуманному.
В чём проблема? Как от неё избавиться?

Добрый день! Скинь мне ссылку, где вы добавили кнопку, на мою почту (в подвале есть контакты).
Подчеркивание — да, мой косяк, исправил.

Источник: daruse.ru

Рейтинг
( Пока оценок нет )
Загрузка ...