Всем привет, на связи с вами автор блога Интересно о полезном!
Иногда в процессе работы с созданием сайта у вебмастеров возникает необходимость у размещении на своем сайте различных кнопочек.
Как создать кнопку для сайта? Эту статью я и хочу посвятить данному вопросу.
Простота, удобство, навигация -собственно для этих целей они нам и нужны, а в некоторых случаях они просто жизненно необходимы!
Как создать кнопку для сайта?
Как создать эти кнопочки? Хочу представить вашему вниманию онлайн сервис dabuttonfactory.com.
Здесь, с помощью простых и интуитивно понятных настроек вы сможете создать кнопочку любой сложности, подходящей под ваш дизайн. И сейчас, вы в этом убедитесь!
Переходим на этот сервис. Сервис буржуйский, но в меня в Хроме установлен переводчик, поэтому все на русском.
Предположим, вам нужна кнопочка с словом »Заказать» :
- Соответственно в поле »Текст» вбиваем это слово-»Заказать».Обратите внимание на то, что сервис автоматически обновляет кнопку, благодаря чему мы можем визуально смотреть за происходящими изменениями .
- Здесь вы можете отрегулировать шрифт, поставить жирным или курсивом , отрегулировать размер шрифта, изменить цвет.
- »Тень текста»-если поставить галочку, то это будет способствовать возникновению тени от букв.Здесь, также можно настроить расстояния до текста и выбрать нужный цвет.
- Здесь, вы выбираете в каком формате сохранить данную кнопку GIF, PNG, JPEG, ICO, а также выбрать тип выхода-»изображение» или »CSS фон».
- Здесь, вы можете отрегулировать углы кнопочки.Например, кнопочка может быть квадратной, закругленной или округлой.Обратите внимание, если мы поставим на раздел закругленный, здесь есть возможность отрегулировать уровень закругленности кнопочки.
- Здесь, вы можете отрегулировать цвет:Топ цвет, цвет нижней части кнопочки.Bubble эффект даст нам следующий контраст кнопочки, образуется дугообразная линия.Также возможны другие сочетания цветов во вкладке »Фон».Вообщем подбирайте под свой вкус.
Есть другие настройки, на них вы можете покликать самостоятельно. Для того, чтобы сохранить кнопочку, достаточно просто кликнуть левой кнопкой мыши на данную кнопку и соответственно сохранить.
После чего, данную кнопочку вставляем на сайт и пользуемся на здоровье. Вот, что получилось у меня:
Кстати, нашел еще один неплохой онлайн сервис для создания кнопок — As Button Generator.
Ссылки не даю, можете просто вбить названия в поисковик (так как этот генератор вебмастеры стали часто добавлять себе на сайты). Подробное описание здесь будет лишним! Чем же он отличается от предыдущего онлайн сервиса?
В принципе ничем, если бы не одно но, здесь можно использовать картинки для создания кнопки. Вот, что у меня получилось:
Надеюсь данная статья была полезной и вы узнали как создать кнопку для сайта!
Кнопки созданные своими руками уникальны, а быть не как все-это жирный плюс для вашего сайта и вас в том числе.
Комментируйте и подписывайтесь на мой блог!
На сегодня все, пока-пока!
С уважением, Владислав Лемишко.