Подход в Joomla Template Design для создания гибкого модуля

Question

Я создаю шаблон Joomla 1.5 на основе сетки 960. Теперь у меня проблема с моими модулями. Как лучше контролировать ширину и как вы отображаете модули?

Вот сценарий, в моем нижнем колонтитуле у меня есть 4 поля (которые будут моими модулями Joomla, и каждый модуль имеет ширину '220px' с полем '10' с каждой стороны).

Проблема Если у меня всего менее 4 блоков (модулей), это создает пробел в моем макете. Я хочу, чтобы мой макет отображался полностью без пробелов. Например, если бы в моем нижнем колонтитуле было только 2 блока / модуля, они бы поделили ширину '940px' (960px-10px margin), и у них была бы ширина '460px' каждая.

Я также запутался, как я буду делать CSS, если я буду использовать 'ID' или 'Class' для управления структурой (например. #Footer # Module1 {width 240px;} или #Footer .module-grid4 {width : 240})

Я думаю, что правильно будет использовать условие PHP для модулей и применять класс к каждому макету.

Если бы ты был на моем месте, как бы ты это сделал? Пожалуйста посоветуй.

Спасибо!

Answer 1

Я не уверен насчет специфики CSS, но вы можете подсчитать количество модулей, назначенных для конкретной позиции следующим образом:

<?php if ($this->countModules('footer') < 4): ?>
    // less than four modules markup here
<?php else: ?>
    // normal markup here
<?php endif ?>

Возможно, у вас есть <div> теги с разными идентификаторами для разных макетов (три модуля, четыре модуля и т. Д.), Которые вы можете затем использовать в CSS.