Создание модулей с закругленными углами в Joomla |
||
автор: eddvrned | 23 июля 2009 | Просмотров: 97 | ||
Появление Joomla с дополнительными тэгами, позволяющими обеспечить гибкость в создании шаблонов, позволило оформить модули с закругленными углами. Сейчас это является модным направлением в построении веб-интерфейсов.
Итак, у нас есть 4 картинки, (например, box_t_l.png, box_t_r.png, box_b_l.png и box_b_r.png) нарезанные в соответствии с рис.1. ![]()
рис.1
Возможно вы знаете, что стандартная функция вывода модуля Joomla mosLoadModules выглядит так:
mosLoadModules ($position_name [, $style])
Обычно для переменной $style в Joomla используются значения 0 (по умолчанию), -1, 1 и -2. В Joomla для переменной $style был введен параметр "-3". На PHP это будет выглядеть так:
mosLoadModules ("position_name", -3)
Применив параметр “-3”, вы получите дополнительные тэги DIV, которые будут генерироваться в шаблоне Joomla в следующем виде: Module TitleModule output Например: Special offer!
2 простых шага для вставки углов в Joomla Шаг 1. Добавление кода в index.php - файл вашего шаблона Просто добавьте следующий код в файл index.php вашего шаблона. Файл index.php, который находится в папке /templates/template_name, где template_name - папка с редактируемым шаблоном.
Внимание! У вас нет прав для просмотра скрытого текста.
Шаг 2. Добавление стилей в файл template_css.css Теперь Вы понимаете, как организованы модули, и вторым шагом является описание стилей модуля в файле шаблона template_css.css, который находится в папке templates/template_name/css. Добавим в файл template_css.css следующие строки:
Внимание! У вас нет прав для просмотра скрытого текста.
Описание CSS
Внимание! У вас нет прав для просмотра скрытого текста.
Класс .leftblock используется для определения стиля прямоугольника. Идентификатор (ID) #leftmenu определяет, что этот стиль применяется только для #leftmenu (дополнительная возможность). Еще раз скажу, чтобы Вы не забыли скопировать в папку images предварительно нарезанных 4 изображения. Если хотите поместить эти изображения в другую папку, то Вы должны будете в фале CSS прописать правильный путь до изображений. Заключение Перезагрузить страницу сайта для просмотра сделанного (если Вы изменяете шаблон сайта по умолчанию). Всё вышесказанное вы можете использовать для создания других модулей, имеющих другое оформление. |
||
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
|
||
. | ||
Другие новости по теме: | ||
|
||