Плагин MaxButtons

Создавая сайт, каждый хочет придать ему наиболее опрятный и стильный вид, для этого все детали сайта делаются в едином стиле, подбираются формы, цвета и шрифты. Одной из таких важных деталей, являются кнопки.
Для того чтобы создать подходящую кнопку наиболее правильным, простым и удобным вариантом, будет — воспользоваться специальным плагином.

Существует замечательный плагин MaxButtons, с помощью которого можно генерировать красочные, объемные кнопки на CSS3. Это происходит очень просто и легко, при помощи специально разработанного, понятного конструктора. Вы можете вставлять такую кнопку в любом месте вашего блога, использую короткий код.
Такие кнопки, корректно отображаются во всех браузерах и имеют очень насыщенную цветовую гамму, а простота создания кнопки, позволяет затрачивать минимум времени. Каких то 3-5 минут и кнопка готова.

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

1. Для начала необходимо скачать сам плагин. Сделать это можно двумя способами:
- воспользовавшись поиском в разделе Плагины, в консоли управления
- скачать плагин с официального сайта, затем загрузить его.
После установки плагина, появится новая вкладка в панели — MaxButtons.

2. Настройка
На этой странице находятся различные настройки:
- цвет ( цвет текста, тени текста, внешней тени, градиента, цвет границы),
- размер кнопки,
- форма (можно выбрать закругление для каждого края и стиль границы. Кроме этого вы можете создать не просто кнопку, а кнопку иконку, которые смотрятся очень эффектно и профессионально.)
- шрифт (размер, стиль, отступы, размер и положение тени. В бесплатной версии плагина встроено несколько стандартных шрифтов, а версия Pro, насчитывает более 50 разнообразных шрифтов от Google Web Fonts.)
А так же информация о создаваемой кнопке:
- уникальное имя кнопки,
- ссылка,
- описание кнопки,
- текст, непосредственно, который и будет отображаться в кнопке. Кстати, вы можете добавлять 2 строку текста, для дополнительного описания.
Здесь же можно задать положение кнопки на странице, отступы от других элементов и выравнивание.

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

[Maxbutton ID = "16" text="Search Google" URL = "http://google.com"]
[Maxbutton ID = "16" text="Search Yandex" URL = "http://yandex.ru"]

Таким же образом можно менять другие параметры, например, открытие страницы в новом окне

[Maxbutton ID = "16" window="new"]

Эта функция очень сильно экономит ваше время, позволяя использовать уже существующие кнопки вашего сайта, меня лишь некоторые настройки.

Поделиться в соц. сетях

Плагин MaxButtons
Плагин MaxButtons
Плагин MaxButtons
Плагин MaxButtons
Плагин MaxButtons
Плагин MaxButtons

Похожие записи

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика