|
- 本教程适用版本：mambo4.5.2.x 版本
- 需要具备的知识：html/css, 对mambo的操作和使用有一定的了解（如果你是新用户，那么请先去本站的下载区下载相关学习教程进行扫盲学习， 咔咔）
- 秘诀！（练它个几十遍，咔咔）
ok! 在这篇教程里我们将一起学习：
1． mambo页面的基本布局
2． 组织和编排mambo模块的技巧
准备好了吗？现在开始！
 (图一)Mambo页面布局 1．Mambo页面布局说明
这里我们使用mambo自带的模板来举例说明，参考上图。
作为架设网站的工具mambo页面基本分为以下几个区域：
<1> 顶部：<pathway>, <user3> and <user4> 模块
<2> 左侧栏：<left>模块
<3> 中间： <banner>，<user1>, <user2> 和 <mainbody>模块
<4> 右侧栏：<right>模块
<5> 底部：<footer>模块
这些只是默认的mambo模块布局，所有模块的位置都可以通过修改模板文件index.php来定义和调整到任意位置。载入模块的php语句是：
mosLoadModules($position_name [, $style] ) 例如： mosLoadModules( “left”, -1 )
在Mambo4.5.2以前的版本中，对于$style的定义有0（默认），-1，1，-2, Mambo4.5.2.1版本新增了”-3”的定义。（见图1 (c)）使用他们会有什么不同的效果呢。我们一起来看看吧！
I. $style=0 (默认)时，模块纵向单独显示，实例如下： <!-- Individual module -->
<table cellpadding="0" cellspacing="0" class="moduletable[suffix]">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td>
Module output
</td>
</tr>
</table>
<!-- Individual module end -->
II. $style=1时，模块横向显示。每个模块显示在一个表格栏cell内。实例如下： <!-- Module wrapper -->
<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td align="top">
<!-- Individual module -->
<table cellpadding="0" cellspacing="0" class="moduletable[suffix]">
<tr>
<th valign="top">Module Title</th>
</tr>
<tr>
<td>
Module output
</td>
</tr>
</table>
<!-- Individual module end -->
</td>
<td align="top">
<!-- ...the next module... -->
</td>
</tr>
</table>
III. $style=-1时，模块外部没有任何边框修饰而且也没有模块标题（名称）。效果如下（本来面目）：
模块1 模块2 模块3
IV. $style=-2时，模块显示格式如下： <!-- Individual module -->
<div class="moduletable[suffix]">
<h3>Module Title</h3>
Module output
</div>
<!-- Individual module end -->
V. $style=-3时，模块全部用div来修饰，有利于给网页减肥，另外还可以实现圆角边框。 <!-- Individual module -->
<div class="module[suffix]">
<div>
<div>
<div>
<h3>Module Title</h3>
Module output
</div>
</div>
</div>
</div>
<!-- Individual module end -->
相信很多mambo fans一定喜欢 “-3”效果（圆角，cool!），现在你也可以创建自己的可爱圆角mambo模板了！如何作出圆角模块显示效果？我们将在以后的教程里介绍～，所以敬请关注！
<2> 模块的显示/隐藏技巧
在制作mambo模板时，必须为每个模块留出显示的区域，我们经常会使用例如table,td,div标签把模块包装起来定义这个区域的宽度。所以，当模块在某些页面被设置成为隐藏状态时，包装模块的这些table或div还在，而且会显示为空白，很影响页面的美观。而一个简单的php语句就可以解决这个问题，if {} condition ＋ mosCountModules （见图1 （b） ）
下面的例子告诉我们如何使用 if {} 语句达到更好的效果，同时去掉了不必要的html代码。举例： <!-- START set the width for td of user1 and user2 -->
<?php
$numblock = 0;
if (mosCountModules( "user1" )>0 && mosCountModules( "user2" )>0) {
$numblock = 2;
$blockwidth = 50;
}else if (mosCountModules( "user1" )>0 || mosCountModules( "user2" )>0) {
$numblock = 1;
$blockwidth = 100;
}
?>
<!-- END set the width for td of user1 and user2 -->
<!-- START load module user1 and user2 -->
<?php if ($numblock > 0) { ?>
<tr>
<?php if (mosCountModules( "user1" )) { ?>
<td width="<?php echo $blockwidth; ?>%" valign="top">
<div class="colorbox">
<div id="user1" class="roundblock">
<?php mosLoadModules ( "user1", -3 ); ?>
</div>
</div>
</td>
<?php } ?>
<?php if (mosCountModules( "user2" )) { ?>
<td width="<?php echo $blockwidth; ?>%">
<div id="user2" class="roundblock">
<div class="colorbox">
<?php mosLoadModules ( "user2", -3 ); ?>
</div>
</div>
<?php } ?>
</tr>
<?php } ?>
<!-- END load module user1 and user2 -->
上面代码非常有用，你一定会用到，它的效果是使uer1和user2的显示区域宽度相等，如图2，而且当其中一个（user1或user2）模块被隐藏时，另一个模块的宽度会自动变成内容页宽度，如图3，当user1和user2都不发布时，这些区域的修饰代码都会被自动去除。
 （图2）user1,user2同时发布  （图3）user1或user2发布 这个技巧可以用于所有模块（尤其是left,right,top,users）, 但对于那些一般必须具备的模块例如查询（user4），顶部菜单(user3), 当前路径(pathway)，主体内容 （mosMainBody）, 只使用一个if{} 就足够了（参考图1(b)）
<3> $mosConfig_sitename的使用
用来显示网站的名称，你可以把此代码放在页面顶部/网站标志的位置。php语句为： <?php echo "$mosConfig_sitename!";?>
<4> $mosCurrentDate: 用来显示当前时间 <?php echo mosCurrentDate();?> 或者
<?php echo mosFormatDate('2005-01-01 10:00:00');?>Mambo每天都在改进，会有更多令你惊喜的功能和效果出炉，我们也会为大家不断更新教程！
曼波中国模板组Magicbox编译
教程出处：mambotheme.com |
作者 james 于 2005-08-01 20:30:07
好，非常好！
期待下集....... | 作者 underx 于 2005-08-02 15:39:33
好，很不错 | 作者 pollywog 于 2005-08-02 16:24:18
辛苦,期待后续大作! | 作者 autoit 于 2005-08-03 10:50:37
Thanks！  | 精彩
作者 mingfei 于 2005-08-03 15:18:26
good!  | 作者 genous 于 2005-08-05 12:56:02
这个教程如果把 $style 各个参数的效果都做在同一个模板上就好了...
这个跟开发员手册里面说的没什么区别. | 作者 8qzone 于 2005-08-10 20:54:02
thanks | 不错的教程
作者 goodstone 于 2005-08-17 11:04:13
我是PHP的新手，受用了，谢谢。 | 很有看头
作者 pangge 于 2005-08-17 21:08:41
感觉很好啊，第一次接触。 | 作者 pazll 于 2005-08-20 17:33:08
 | 不错
作者 fanshaoye 于 2005-09-11 22:49:53
不错 | 作者 sbiagu 于 2005-09-25 22:37:40
good | 感谢
作者 suotop 于 2005-09-29 17:11:40
你对网站的迅速发展，做出了不可磨灭的贡献。我代表所有的用户向你表示衷心的感谢 | 版本正确的说
作者 tshen 于 2005-10-14 11:37:04
为何我的$style=-3的效果和-2一样， | 不错……
作者 suway 于 2005-10-16 18:43:36
不错呢！ | 好！还有吗？
作者 imapx2 于 2005-10-27 02:23:26
绝对精彩！做多一点其他的、我等你！ | 我是菜鸟.想把left版隐藏掉.该在模版里inde
作者 Kebing2005 于 2005-11-02 07:16:26
我是菜鸟.想把left版隐藏掉.该在模版里index.php文件修改什么啊? | 作者 goldbridge 于 2005-11-12 16:18:47
强啊,谢谢了 | 模块的显示/隐藏技巧
作者 myshine 于 2005-11-22 20:58:00
你所说的代码应该加在什么地方？请指教。 | 翻译得不错
作者 cybervio 于 2005-11-23 23:56:09
我去看了原网站,发现内容好像是一样的,造福了E文不好的同好们，加油！ | 我是新手，还要多多学习
作者 sc136 于 2005-12-17 17:40:42
希望有更初级的教程。 | 太感谢了
作者 iioo 于 2006-03-06 17:12:59
太感谢了太感谢了太感谢了 | 谢谢!
作者 mfxlf 于 2006-03-16 22:26:14
 | 作者 ahbbwy.cn 于 2006-03-31 08:48:41
null | 不错不错
作者 JyFish 于 2006-04-17 15:08:30
不错不错 | 不错
作者 jerome 于 2006-05-01 23:01:55
我也觉得不错.研究一下 | 作者 showdna 于 2006-06-23 14:41:59
very good! | thanks
作者 danelbruch 于 2006-11-20 09:54:17
null  | 期待自己有所上升
作者 ccstxiao 于 2006-11-24 18:07:13
曾经接触过MABOO一段时间,发现自己基础不好,ASP语言还可以,现在又回来了,期待有所提升,能为MABOO尽一点绵薄之力 | 作者 gj315 于 2006-12-21 16:16:54
刚学这个，谢谢 | GOOD JOB
作者 hkicr 于 2007-03-10 15:23:44
我也是初学,不过看来也不难啊,哈哈,谢谢了.
注册香港公司|香港公司注册 |
只有注册用户才能发表评论。
请登录或注册 Powered by AkoComment 2.0! 汉化：Mambo中国 |
