模板制作技巧系列：让你的ECMS模板更“自动化” 帝国cms

帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → 模板制作技巧系列：让你的ECMS模板更“自动化”

【本版专题贴子】

1/13 1 2 3 4 5 6 7 8 9 10 ›› ›|

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14181
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

模板制作技巧系列：让你的ECMS模板更“自动化”

这里只是说到我做模板的一些经验，不涉及程序，对HTML有所了解的话，更容易理解。我所列的都是以我制作的大观园网站为例子，希望能起个抛砖引玉的作用。。具体要做什么样的效果，大家可以多动手试下

以中华大观园为例 http://www.5000sky.com/

一、使用公共模板变量定义通用部分
一般可建立[!--temp.header--] ，[!--temp.footer--]，[!--temp.sitename--]，[!--temp.search--]之类的常用部分。然后在页面需要插入的地方直接插入。好处是修改时只需要修改这个变量，不必每个模板页去都去改。

注意：动态页面，如搜索，评论等不支持公共模板变量

二、网站通用导航（所有一级栏目）
在3.7版本以前，只能手工设定，3.7新增的带模板的导航标签可以实现

页面模板内容:
[!--empirenews.listtemp--][!--empirenews.listtemp--]

列表内容模板
(list.var)

<a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a> |

标签调用 [showclasstemp]0,标签模板ID,0[/showclasstemp]

注意：如果在栏目页显示的是当前栏目的导航，可以加上单引号'0'——我是这样做的。如果ID号填的是为某个栏目的ID，则为特定栏目的导航

上传以下图片：

[该贴被修改 2 次，最后修改时间 2006-07-02 13:31:12 ]

梦想设计成就你的设计梦想

2006-07-02 12:44:14

已设置保密

顶部

引用

报告

编辑

删除

tlerbao
用户头衔：进士

精华贴   ：3
发贴数   ：1386
经验值   ：4634
注册时间：2006-02-13

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

不错帮顶禾火木风进步很快现在也算是使用ecms的高手了

记得刚开始的时候禾火木风还在问一些超级初级的问题现在已经开始回答别人的问题了

真的很厉害嘿嘿！

通辽网站建设
专业模板定制、二次开发，请联系：QQ327358

2006-07-02 12:48:00

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14181
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 3 楼]

三、还是导航，在大栏目里显示小栏目。和上面差不多，但有点不同,加了个更多的链接

标签调用
[showclasstemp]父栏目ID,标签模板ID,是否显示栏目信息数[/showclasstemp]

页面模板内容:

<div>民间传统</div><div>[!--empirenews.listtemp--][!--empirenews.listtemp--] <a href="[!--bclassurl--]">更多>></a></div>

列表内容模板
(list.var)

<a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a> |

上传以下图片：

[该贴被修改 1 次，最后修改时间 2006-07-02 12:56:01 ]

梦想设计成就你的设计梦想

2006-07-02 12:52:40

已设置保密

顶部

引用

报告

编辑

删除

tlerbao
用户头衔：进士

精华贴   ：3
发贴数   ：1386
经验值   ：4634
注册时间：2006-02-13

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 4 楼]

对了 QQ不知方便不方便透漏一下我QQ327358 交个朋友！

通辽网站建设
专业模板定制、二次开发，请联系：QQ327358

2006-07-02 12:52:58

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14181
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 5 楼]

三、导航技巧真多，再告诉你一个用在栏目页和列表页的导航效果

页面调用

<ul class="column">[showclasstemp]'selfinfo',标签模板ID,0[/showclasstemp]</ul>

页面模板内容:

[!--empirenews.listtemp--][!--empirenews.listtemp--]code]

列表内容模板
(list.var)
<li><a href="[!--classurl--]">[!--classname--]</a></li>

为什么要用li呢？主要是方便修改样式，你想让它怎么显示就怎么显示，包括加边框，背景之类的
在你的样式表里这样定义
ul {
padding: 0;
margin: 0;
}
.column li {
width: 49%;
padding: 0px;
margin: 0px;
float: left;
list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标 */
}

这样它显示的就是一行二个栏目，如果是要它显示一行一个，则这样定义
.column li {
padding: 0px;
margin: 0px;
list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标 */
}
如果要它是横向显示，则可以这样
.column li {
padding: 2px 4px;
margin: 0px;
display: inline;
list-style: none;
}

上传以下图片：

[该贴被修改 2 次，最后修改时间 2006-07-02 13:14:23 ]

梦想设计成就你的设计梦想

2006-07-02 13:10:02

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14181
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 6 楼]

四、多用'selfinfo'
在栏目页和列表页，用'selfinfo'代替具体的ID号(你需要特别指定的除外)
[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用这个。

梦想设计成就你的设计梦想

2006-07-02 13:20:06

已设置保密

顶部

引用

报告

编辑

删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14181
注册时间：2006-03-02

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 7 楼]

五、善用循环子栏目数据标签
这个是值得推荐的。像下面的效果图，在以前是需要一个个自己定义，但有了这个标签，我们只需要一个标签调用就可以搞定，而且以后增加、删除子栏目都不需要再手动去改

标签调用： [listsonclass]'selfinfo',显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/listsonclass]
页面模板内容:

<div class="c1">
<div class="pad-all">
<div class="title2">【[!--the.classname--]
】</div>
</div>
<ul>
[!--empirenews.listtemp--][!--empirenews.listtemp--]
</ul>
<div class="more"><a href="[!--the.classurl--]">更多>></a></div>
</div>

列表内容模板
(list.var)

<li><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a> <span class="date">([!--newstime--])</span></li>

上传以下图片：