在Joomla模板设计中创建灵活模块的方法

时间:2010-01-17 12:08:07

标签: php css joomla

我正在创建一个基于960网格系统的Joomla 1.5模板。现在我的模块出了问题。控制宽度和显示模块的最佳方法是什么?

这是场景,在我的页脚中我有4个盒子(这将是我的Joomla模块,每个模块的宽度为'220px',每边的边距为'10')。

问题如果我只有少于4个盒子(模块),它会在我的布局中产生间隙。我希望我的布局能够完全显示无间隙。例如,如果我的页脚中只有2个盒子/模块,则它们将划分'940px'宽度(960px-10px边距),并且每个宽度为'460px'。

如果我使用'ID'或'Class'来控制结构,我也会混淆我将如何使用CSS(例如#Footer#Module1 {width 240px;}或#Footer .module-grid4 {width :240})

我认为正确的方法是为模块使用PHP条件,并将每个布局应用一个类。

如果你在我的鞋子里,你会怎么做?请指教。

谢谢!

1 个答案:

答案 0 :(得分:1)

我不确定CSS细节,但您可以通过这种方式计算分配到特定位置的模块数量:

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

您可能会为不同的布局(三个模块,四个模块等等)使用不同ID的<div>标签,然后您可以通过CSS设置样式。