Joomla模板制作教程:模块

当一个模块被 index.php 文件调用, 它有几种显示的选择,语法是下面这样:

mosLoadModules(’$position_name’[, $style] )

$style 参数选择可以是 0, 1, -1, -2 或者 -3.

0 = (默认) 模块用一栏显示. 下面是一个输出的例子:

<table cellpadding=”0″ cellspacing=”0″ class=”moduletable”>
<tr>
<th valign=”top”>Module Title</th>
</tr>
<tr>
<td>Module output</td>
</tr>
</table>
1 = 模块居中显示. 每个模块被显示在一张表的单元格内部. 下面是输出的例子:

<!– Module wrapper –>
<table cellspacing=”1″ cellpadding=”0″ border=”0″ width=”100%”>
<tr>
<td align=”top”> <table cellpadding=”0″ cellspacing=”0″ class=”moduletable”>
<tr>
<th valign=”top”>Module Title</th>
</tr>
<tr>
<td> Module output</td>
</tr>
</table>
</td>
<td align=”top”> <!– …the next module… –>
</td>
</tr>
</table>
-1 = 行方式输出且无标题. 下面是输出的例子:

Module Output

-2 = 用CSS格式输出被封装在 <div>.标签内部下面是输出的例子:

<div class=”moduletable”>
<h3>Module Title</h3>
Module output
</div>
-3 = 模块用一种允许的格式显示, 比如, 显示圆弧边框. 当这种 $style 被使用, <div> 将取代 moduletable 或者 module. 下面是输出的例子:

<div class=”module”>
<div> <div> <div>
<h3>Module Title</h3>
Module output
</div> </div> </div>
</div>
我们可以看到使用参数(-1, -2 and -3) 可以非常容易的对样式进行控制. 作者不推荐使用参数 0 (default) 或者 1 除非在你需要的时候.

为了设计我们的模板, 我们将使用参数 $style 为 “-2″ 设置我们所有的模块:

</div> <!–end of main-body–>

</div> <!–end of wrap–>
</body>

请注意下面这些元素的使用我们不能用模块调用的方式,因为它们不属于模块.

* <?php echo $mosConfig_sitename; ?>
* <?php mospathway() ?>
* <?php mosMainBody(); ?>
* <?php include_once( $mosConfig_absolute_path .’/includes/footer.php’ ); ?>

用CSS输出模块之所以受到欢迎是因为我们不再使用TABLE了. 我们做一些简单的样式定义就可以得到下面的输出:

2nd Version after styles added

首先我们使用 <H1> 标签来定义站点标题. 这比较符合语意相关和SEO的宗旨.

我们也给头部模块加入边框,背景等CSS样式.

现在我们的 customize.css 文件变成这样:

/*Compass Design Customize.css file */ * {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
ul{
margin-left:2em;
}
fieldset{
padding:.5em;
}
body{
font-size:76.1%;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1.3em;
margin:1em 0;
}
#wrap{
border:1px solid #999;
background: url(../images/threecol-r.gif) repeat-y 75% 0;
height:100% !Important;
height:1%;
}
#wrap-inner {
background: url(../images/threecol-l.gif) repeat-y 25.125% 0;
height:100% !Important;
height:1%;
}
#header{
border-bottom: 1px solid #999;
padding:10px;
}
#footer{
border-top: 1px solid #999;
padding:5px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
font-size:1.7em;
line-height:1.7em;
}
h2,.contentheading{
font-size:1.5em;
line-height:1.5em;
}
h3{
font-size:1.3em;
line-height:1.3em;
}
h4{
font-size:1.2em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{
margin-bottom:1em;
padding:0 10px;
/*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px;
/*negative padding to pull h3 back out from .moduletable padding*/ }

Joomla模板制作教程:模块相关推荐

Joomla模板制作教程
在这个教程里,我们将一步步的制作一个具体的JOOMLA模板,JOOMLA是一个强大的开放代码的CMS(内容管理系统),并且她有着广泛的在线社团的支持.这里强调,我们将不使用table(表单);而是使用 ...
Joomla模板制作教程:joomla模板组成
为了理解JOOMLA模板的目录结构, 我们将着眼于一个空白的JOOMLA模板. 不同的文件和文件夹组成了JOOMLA的一个具体模板. 这些文件必须被放置在 /templates 的JOOMLA安装目录 ...
Joomla模板制作教程：使用CSS布局
我们将使用CSS对JOOMLA模板进行"三栏布局". 而且这个三栏布局是可变宽窄的(fluid).页面的宽窄布局迄今有两种主要的模式,一种是固定宽窄(fixed),还有一种就是可变 ...
Joomla模板制作教程:通过Joomla!模板你能做什么
Joomla!模板是用来处理内容并最终展现在网络浏览器或屏幕阅读器上.以下用户几个关键的例子,来说明如何用模板来展现和改变网站的内容. 布局模板决定你的站点的主要页面布局,模板中既包括了模块,组件和 ...
Joomla模板制作教程:菜单
模块被发布后,我们可以在系统后台这个菜单模块的设置里面控制其输出样式. 当你建立了一个模块,系统会给你下面的提示告诉你将有一个相同名称的模块被建立. New Menu Created 在这个菜单相关的 ...
php网站模板制作教程视频教程,CCTVPHP网页制作教程网joomla模板制作视频教程
在这个教程里,我们将一步步的制作一个具体的JOOMLA模板,JOOMLA是一个强大的开放代码的CMS(内容管理系统),并且她有着广泛的在线社团的支持.这里强调,我们将不使用table(表单);而是使用 ...
[PHP+HTML] - DEDECMS模板制作教程
来源:http://wenku.baidu.com/view/6550e49951e79b8968022623.html 本教程来自站长网:http://www.zzc1.com/cms/dede/5 ...
PHPCMS2008模板教程默认模板解析及模板制作教程
PHPCMS2008官方默认模板解读首先打开后台,官方默认模板的存放位置,存放在 ./templates/default/phpcms/ 目录里,从这里我们就知道如果我们要新那建一套模板应该怎么做了 ...
php 模板制作教程,Destoon模板制作简明教程_PHP教程
对于制作Destoon的模板来说,首先需要理解两个Destoon的概念:模板(template)和风格(skin).模板存放于系统template 目录,风格(系统界面的图片.css文件)存放于系统s ...

Joomla模板制作教程:模块

Joomla模板制作教程:模块相关推荐

最新文章

热门文章