帝国cms模板这样操作设置变得更自动化
这里只是说到我做模板的一些经验,不涉及程序,对HTML有所了解的话,更容易理解。下边是帝国cms模板怎样能更自动化的演示,希望能起个抛砖引玉的作用。具体要做什么样的效果,大家可以多动手试下。
(1)、使用公共模板变量定义通用部分
一般可建立[!--temp.header--] ,[!--temp.footer--],[!--temp.sitename--],[!--temp.search--]之类的常用部分。然后在页面需要插入的地方直接插入。好处是修改时只需要修改这个变量,不必每个模板页去都去改。
注意:动态页面,如搜索,评论等不支持公共模板变量
(2)、网站通用导航(所有一级栏目)
页面模板内容:
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
列表内容模板
(list.var)
--------------------------------------------------------------------------------
<a href="[!--classurl--]" _fcksavedurl=""[!--classurl--]"" title="[!--classname--]">[!--classname--]</a> |
--------------------------------------------------------------------------------
标签调用 [showclasstemp]0,标签模板ID,0[/showclasstemp]
注意:如果在栏目页显示的是当前栏目的导航,可以加上单引号'0'——我是这样做的。如果ID号填的是为某个栏目的ID,则为特定栏目的导航
上传以下图片:
(3)、还是导航,在大栏目里显示小栏目。和上面差不多,但有点不同,加了个更多的链接
标签调用
[showclasstemp]父栏目ID,标签模板ID,是否显示栏目信息数[/showclasstemp]
页面模板内容:
--------------------------------------------------------------------------------
<div>民间传统</div><div> [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] <a href="[!--bclassurl--]">更多>></a></div>
--------------------------------------------------------------------------------
列表内容模板
(list.var)
--------------------------------------------------------------------------------
<a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a> |
--------------------------------------------------------------------------------
上传以下图片:
(4)、导航技巧真多,再告诉你一个用在栏目页和列表页的导航效果
页面调用
<ul class="column">[showclasstemp]'selfinfo',标签模板ID,0[/showclasstemp]</ul>
页面模板内容:
--------------------------------------------------------------------------------
[!--empirenews.listtemp--]<!--list.var1-->[!--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;
}
上传以下图片:
(5)、多用'selfinfo'
在栏目页和列表页,用'selfinfo'代替具体的ID号(你需要特别指定的除外)
[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用这个。
(6)、善用循环子栏目数据标签
这个是值得推荐的。像下面的效果图,在以前是需要一个个自己定义,但有了这个标签,我们只需要一个标签调用就可以搞定,而且以后增加、删除子栏目都不需要再手动去改
标签调用: [listsonclass]'selfinfo',显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/listsonclass]
页面模板内容:
--------------------------------------------------------------------------------
<div class="c1">
<div class="pad-all">
<div class="title2">【[!--the.classname--]
】</div>
</div>
<ul>
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
</ul>
<div class="more"><a href="[!--the.classurl--]">更多>></a></div>
</div>
--------------------------------------------------------------------------------
列表内容模板
(list.var)
--------------------------------------------------------------------------------
<li><a href=" /cms/ecms/2009-03-18/9445.html" title="[!--oldtitle--]">[!--title--]</a> <span class="date">([!--newstime--])</span></li>
相关帝国教程
- 02-16帝国CMS调用会员名和会员投稿数量排名
- 12-05帝国CMS 判断文章信息星期几发布
- 06-19在帝国cms内容页里调用收藏该内容的会员信息
- 08-30帝国cms清理生成的重复垃圾信息html
- 03-28帝国CMS新手教程调用网站关键字+描叙的方法
- 12-04帝国CMS自定义导航栏目支持当前栏目高亮的又一教程
- 09-25帝国CMS实现高效随机文章调用的2种方法
- 12-06帝国wap内容模板里过滤掉图片尺寸的方法
- 05-30帝国cms调用指定条件的信息使用方法
- 12-13帝国CMS模板制作-判断评论验证码是否开启
- 04-29帝国CMS下载取消下载弹窗 帝国CMS下载不用弹出窗口
- 01-20帝国CMS教程下载模型内容页模板显示下载点数
- 12-16帝国cms专题页面点击率统计代码
- 10-27帝国cms实现文章点击月、周、日排行效果方法
- 09-18帝国CMS教程-去掉“选择注册会员类型”方法
- 05-07帝国cms wap模板内容页调用上一篇 下一篇连接
- 09-29帝国cms灵动标签e:loop调用教程(大集合)
- 03-09帝国cms清除采集时的空白数据
- 04-13帝国CMS信息反馈提示带*号必填的解决办法
- 09-27帝国cms安全设置最优化