Главная Разное Онлайн сервис для создания CSS кнопки

Онлайн сервис для создания CSS кнопки

12.08.2012

Онлайн сервис для создания CSS кнопкиХочу опять вернуться к теме оформления сайтов, а точнее создания CSS кнопки. Подобные кнопки часто используются в качестве кнопки для подписки на рассылку сайта, голосования или для доступа к различным функциям сайта или форума. Обладая хорошими знаниями в области построения сайтов, а именно в CSS, можно самому собрать красивую кнопку, но а если не знаешь, то тут поможет онлайн сервис CSS Button Generator.

CSS Button Generator онлайн сервис позволяющий создавать (генерировать) красивые CSS кнопки под цветовую гамму своего сайта. CSS Button Generator создаст красивые кнопки CSS для использования на ваших веб-страницах без необходимости какого-либо изображения. Кстати я упоминал об одних онлайн сервисах генерации CSS кнопок.

Онлайн сервис CSS Button Generator

Регистрироваться в данном сервисе не надо, просто проходим на сайт CSS Button Generator и перед нами сразу появиться инструментарий для создания CSS кнопки. В левой части сайта CSS Button Generator есть поле, где мы можем наблюдать за изменением кнопки во время генерации CSS. В правой части находятся инструменты для изменения размера кнопки, шрифта, теней, границ и прочее. Напишу более подробно:

  • Button Text – текст кнопки (название);
  • CSS Class Name – название класса, используется при вставке кода CSS в исходный код сайта;
  • Font Size - размер шрифта;
  • Border Radius – радиус границы кнопки;
  • Border Size - размер границы кнопки;
  • Vertical Size – высота кнопки;
  • Horizontal Size – ширина кнопки.

Как Вы заметили все величины в пикселях (px). Следующие разделы Box Shadow (тень кнопки) и Text Shadow (тень текста) – если убрать галочки, то теней не будет, если же оставить галочку, то тут сами на свой вкус играете с параметрами теней.

Инструментарий для создания CSS кнопки

Далее нужно подобрать цвет CSS кнопки для своего сайта или форума. Для этого в нижней части кнопки есть возможность подбора цветов. Также есть готовые варианты цветовых гамм кнопки.

Генерация цвета CSS кнопки

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

Генерация CSS кнопки в CSS Button Generator

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

Не знаете, как настроить  Windows и установить программу? Читайте блог по Установке и настройке программ. Наша команда ставит перед собой цель - более доходчиво донести до наших читателей все нужные нюансы в настройке программ, что позволит удобнее работать с Вашим компьютером.

Ссылка CSS Button Generator.


 
Нравится статья? Нажми и опубликуй! Получайте свежие новости на почту

Добавить комментарий


Присоединяйтесь и читайте:


Получайте новости на почту:


Интересное

Группа Компьютерная грамотность