Создание шаблона для Joomla - Стили и оформление

Стили и оформление

После создания скелета необходимо "окультурить" наш шаблон с помощью CSS. Поскольку структура CSS практически не изменилась с версии Мамбо 4.5 (ее расшифровку мы уже давали – ткните здесь и здесь), я не буду повторяться. Остановлюсь немного подробнее на оформлении модулей. Приятным нововведением в мамбо 4.5.1 стала возможность прописывать индивидуальные классы для каждого шаблона (см. в настройках каждого модуля в контрольной панели).

Стандартный вывод модуля в Joomla – таблица:

<table cellpadding="0" cellspacing="0" class="moduletable">
<tr><th valign="top">
Заголовок модуля
</th></tr>
<tr><td>
Содержание модуля
</td></tr>
</table>

Возможны также другие варианты:

<?php mosLoadModules ( 'left', -2 ); ?>

Выводит модули области left не в таблицах, а блоками DIV.

<div class="moduletable">
<h3> Заголовок модуля</h3>
Содержание модуля
</div>

<?php mosLoadModules ( 'left', -3 ); ?>

Выводит модули области четырьмя блоками DIV, вложенными друг в друга (обычно используют для создания закругленных углов).

<div class="module"> <div><div><div>
<h3> Заголовок модуля</h3>
Содержание модуля
</div></div></div></div>

<?php mosLoadModules ( 'left', -1 ); ?>

Выводит модули области left без таблиц и блоков. В этом случае у модулей отсутствуют заголовки. Удобно использовать для горизонтального выведения модулей, например, несколько баннеров в ряд.

Если вы прописываете свой класс модулю (параметр ModuleClassSuffix), то его название прибавляется к уже существующему. Лично я начинаю названия своих модулей со знака подчеркивания, чтобы легче читалось. Например, модулю баннеров я задаю класс _banners. В результате в HTML получаю: class="moduletable_banners"

При большом количестве разнообразных модулей длина вашего CSS увеличивается до бесконечности :)