使joomla模块跨越多列

时间:2012-09-04 13:02:59

标签: html css joomla module position

我一直在网上搜索我的问题的答案,但没有用。

我的网页在Joomla 1.5上运行,并且首页目前有3列/位置布局,我可以放置模块。

但是,我想要一个跨越最右边两个位置的模块,同时将模块保持在常规的“三列布局”下面。即这就是我想要的样子:

[MODULE] [------- ------ MODULE]

[MODULE] [MODULE] [MODULE]

[MODULE] [MODULE] [MODULE]

我的猜测是我需要定义一个跨越两列的新位置。是这样的吗?如果我想确保新的,更宽的模块下面的模块仍处于常规布局中,我该怎么做?

谢谢!

2 个答案:

答案 0 :(得分:0)

这取决于您的模板。以joomla为主导的网站上的东西都放在了位置上。

在任何情况下,如果你要隐藏的那个位置在一个带有类的div中,比如说

display: none

然后给其他2个模块50%宽度,如果它们还没有,则将它们向左浮动。

float: left;
width:50%

你也可能想要在那之后(在3列thingy开始之前)清除浮点数,通过创建一个清除类并且清除浮点数的div:

clear:both;

答案 1 :(得分:0)

是的,这可以在模板中完成,例如使用countmodules()来查看是否要显示一个位置并相应地排列位置,例如下面显示了如何将一个模块放入“右侧”列中的页面,该页面可以有一列或两列。如果“右”列中有一个模块,则显示两个div(用于调整大小的css),如果右列中没有任何内容,则显示全宽主列。

<?php if($this->countModules('right')) : ?>
<div id="divMainContent">
    <jdoc:include type="modules" name="user9" style="xhtml" />
    <jdoc:include type="component" />
    <jdoc:include type="modules" name="bottombanner" style="xhtml" />
</div> <!-- end maincontent -->
<div id="divRight">
    <jdoc:include type="modules" name="right" style="xhtml" />
    <jdoc:include type="modules" name="banner" style="xhtml" />
</div>
<?php else: ?>
    <div id="divMainContentWide">
        <div id="divTopWide">
            <jdoc:include type="modules" name="user9" style="xhtml" />
        </div>
    </div>
<?php endif; ?>