Генератор кнопок для сайту

Онлайн сервісів насправді в інтернеті досить багато, але я користуюся двома і вони повністю задовольняють моїм вимогам по створенню кнопочок: зручні, прості, багатофункціональні, без використання додаткових програм і, що важливо, безкоштовно. Отже, переходимо по посиланню cooltext.com

Генератор кнопок для сайту

Сервіс англійською мовою, але в принципі все зрозуміло (завдяки Google перекладачеві). Мені більше сподобалося різноманітність у вкладці Logos ніж Buttons. З представленого різноманіття стилів вибираємо підходящий варіант з готових шаблонів, натиснувши на вкладку меню «Логотип» - Logos.

Генератор кнопок для сайту

Генератор кнопок для сайту

Я вибрала Logos LOVE - вона відображається в самій першому рядку і приступила до редагування. У віконці ми пишемо свій текст для нашої кнопочки, потім вибираємо шрифт з понад тисячу надаються сервісом шрифтів, що підтримують кирилицю і розмір шрифту. Також можна підібрати колір шрифту і створити картинку з тінню і міняє свій колір при наведенні курсору. Розмір картинки і розташування тексту в ній.

Генератор кнопок для сайту

Подивіться як змінилися колір і тінь, навіть сприйняття картинки змінилося. З ніжною картинки вона перетворилася на агресивну. Далі розглянемо як можна розташувати текст нашої кнопочки.

Генератор кнопок для сайту

Top - вгорі, зліва left або праворуч rigth, middle посередині, також зліва чи справа, botton - внизу, centered - по центру.

Генератор кнопок для сайту

Для більш привабливо зовнішнього вигляду налаштуємо бекграунд, пересуваючи бігунок можна внести зміни в налаштування кольору.

Генератор кнопок для сайту
Вибираємо формат збереження кнопки. Якщо вам потрібні кнопочки png формату, вибираєте цей формат або будь-який інший, включаючи gif і psd.

Генератор кнопок для сайту

Визначившись з форматом картинки кнопочки, зберігаємо всі зміни натисненням «Create Button», переходимо до наступного етапу.

Генератор кнопок для сайту

Download image або Edit image - скачати або редагувати, вибираємо Download - завантажити кнопочку. Як отримати HTML код нашої кнопочки розглянемо трохи пізніше.

Генератор кнопок для сайту

Генератор кнопок для сайту

Як вставити кнопку на сайт

З повагою Рашида Гаріфулін