Скорей всего, у большинства Joomla пользователей возникали определенные проблемы с кнопками шаблона. В Joomla все стили кнопок раскиданы в множестве файлов. При этом одни стили кнопок детально расписаны в самом шаблоне, другие – в Joomla расширениях. В этом случае вам понадобится специальный инструмент, например, Firebug. К замене кнопок нужно подходить очень внимательно, ведь новый стиль повлияет на уже оформленные кнопки. Преимущественное большинство примеров кнопок, представленных в сети Интернет, сделаны с использованием <a> тега. Однако на самом деле в Joomla шаблоне кнопка – элемент формы, предназначенной для обработки того или иного события. Её нажатия детально описываются в шаблонном файле php. Как вариант – создание кнопки на странице с помощью тега INPUT. Так, например, в основе некоторых кнопок RSS-подписки на сайтах лежит такой код: <input type=»submit» class=»button» value=»<?php echo $params->get(«feedburner_bn»);?>» /> .
Тег INPUT в Joomla шаблоне позволяет создать самые различные элементы интерфейса, например, для тех, кто ищет горящие туры в оаэ. Среди них – кнопки и обеспечение их полноценного взаимодействия с пользователем, а если добавить а class=«button», то получится стиль оформления кнопки. Название класса поможет разделять стилистику оформления кнопок. В соответствии с параметрами type создаются:
- checkbox – переключатель;
- text – текстовое поле;
- radiobutton – флажок;
- file – поле, предназначенное для отправки файла.
Что касается кнопок, то это: button – стандартная кнопка; submi – кнопка, используемая для отправки формы (она используется преимущественно в шаблонах); image – кнопка с картинками; reset – кнопка, нажав на которую можно очистить форму.
Если по умолчанию в шаблоне нет стиля для кнопки, то она будет отображаться стандартным образом. Разработчики чаще всего применяют один стиль для различных кнопок.
Внешний вид кнопки в шаблоне будет зависеть от того, в каком состоянии она находится: button – не активная кнопка, button: hover – активная кнопка, button: focus – кнопка с установленным фокусом.
Интересные примеры дизайнерского оформления кнопок вы сможете найти, например, на CSS3 Button Generator.
Сделайте свой шаблон уникальным!
Загрузка ...