Появление Joomla с дополнительными тэгами, позволяющими обеспечить гибкость в создании шаблонов, позволило оформить модули с закругленными углами. Сейчас это является модным направлением в построении веб-интерфейсов.

Итак, у нас есть 4 картинки, (например, box_t_l.png, box_t_r.png, box_b_l.png и box_b_r.png) нарезанные в соответствии с рис.1.




Возможно вы знаете, что стандартная функция вывода модуля Joomla mosLoadModules выглядит так:



Обычно для переменной $style в Joomla используются значения 0 (по умолчанию), -1, 1 и -2. В Joomla для переменной $style был введен параметр "-3". На PHP это будет выглядеть так:



Применив параметр “-3”, вы получите дополнительные тэги DIV, которые будут генерироваться в шаблоне Joomla в следующем виде:



Например:



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 прописать правильный путь до изображений.

Заключение

Перезагрузить страницу сайта для просмотра сделанного (если Вы изменяете шаблон сайта по умолчанию). Всё вышесказанное вы можете использовать для создания других модулей, имеющих другое оформление.