Онлайн сервис для создания CSS кнопки
- 12.08.2012
Хочу опять вернуться к теме оформления сайтов, а точнее создания CSS кнопки. Подобные кнопки часто используются в качестве кнопки для подписки на рассылку сайта, голосования или для доступа к различным функциям сайта или форума. Обладая хорошими знаниями в области построения сайтов, а именно в CSS, можно самому собрать красивую кнопку, но а если не знаешь, то тут поможет онлайн сервис CSS Button Generator.
CSS Button Generator – онлайн сервис позволяющий создавать (генерировать) красивые CSS кнопки под цветовую гамму своего сайта. CSS Button Generator создаст красивые кнопки CSS для использования на ваших веб-страницах без необходимости какого-либо изображения. Кстати я упоминал об одних онлайн сервисах генерации CSS кнопок.
Регистрироваться в данном сервисе не надо, просто проходим на сайт 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 кнопку для вашего сайта.
Не знаете, как настроить Windows и установить программу? Читайте блог по Установке и настройке программ.
Ссылка CSS Button Generator.
Категории
Последние темы
- Анонимные прокси от сервиса Proxys.io для решения любых задач
- Международный экзаменационный Центр IELTS PROFI, где можно улучшить свой английский язык
- Сервис Serphunt – бесплатная проверка позиций сайта в Яндексе и Google
- Обзор портала о страховании INGURU: онлайн-калькулятор, покупка полисов, информация
- Выставить-счет.рф – сервис для выставления счета и ведения бухгалтерской документации онлайн
- SendPulse - обзор сервиса для автоматизации маркетинга: email рассылка, push-уведомления, SMS-рассылки, чат-боты
- Envybox – сервис для сайта: онлайн чат, обратный звонок, квизы, стадный инстинкт
- Российская CRM-система «Простой бизнес» для организации бизнеса