今天的建站教程是,关于封面模板的:
封面模板制作:封面模板的制作同首页模板;同样支持所有模板标签。
非终极栏目页面的两种形式选择:
1、封面式:不选择列表式,然后选择封面模板。可以制作跟首页一模一样的封面页面。
2、列表式:可选择列表式,然后选择列表模板。显示同终极栏目一样的列表页。
封面模板使用的地方
封面模板共使用在两个地方:(非列表式)
1、供非终极栏目使用
2、供专题使用
增加封面模板
1、登陆后台->点击大菜单“模板管理”>“管理封面模板”,进入如下界面:
图片1:菜单导航
图片2:管理封面模板界面
2、点击“增加封面模板”按钮后,进入增加封面模板页面,如图:
[!--pagetitle--]:页面标题 [!--news.url--]:网站地址(参数设置的站点地址) [!--newsnav--]:所在位置导航条
[!--self.classid--]:本栏目/专题ID [!--class.keywords--]:栏目/专题关键字 [!--class.classimg--]:栏目/专题缩略图
[!--class.intro--]:栏目/专题简介 [!--bclass.id--]: 父栏目ID [!--bclass.name--]:父栏目名称
支持公共模板变量 支持所有模板标签
封面模板制作范例
实现如下效果:
1、用Dreamweaver制作好界面
2. 在制作好的界面加入模板标签及变量:
3. 将制作好的封面模板代码拷贝到系统后台“封面模板”中: 登陆后台->点击大菜单“模板管理”>“管理封面模板”:然后点击“增加封面模板”按钮,进入增加封面模板页面,如图:
4、最终内容模板的预览效果
5、附上面例子模板代码:
01.
02.[!--temp.header--]
03.<table width="100%" border="0" cellpadding="0" cellspacing="0" class="marTop" id="content">
04.<tr>
05. <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0" id="mid3">
06. <tr>
07. <td width="240" class="sider"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="marTop titleBar">
08. <tr>
09. <td><h4>地区导航</h4></td>
10. </tr>
11. </table>
12. <table width="100%" border="0" cellpadding="0" cellspacing="8" class="titleBarBot">
13. <tr>
14. <td>[!--temp.infoarea--]</td>
15. </tr>
16. </table>
17. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="marTop titleBar">
18. <tr>
19. <td><h4>分类导航</h4></td>
20. </tr>
21. </table>
22. <table width="100%" border="0" cellpadding="0" cellspacing="8" class="titleBarBot none">
23. <tr>
24. <td>[!--temp.infoclassnav--]</td>
25. </tr>
26. </table>
27. <div class="marTop"></div>
28. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="marTop titleBar">
29. <tr>
30. <td><h4>热门信息</h4></td>
31. </tr>
32. </table>
33. <table width="100%" border="0" cellpadding="0" cellspacing="8" class="titleBarBot">
34. <tr>
35. <td><ul>
36. [ecmsinfo]'selfinfo',10,34,0,1,2,0[/ecmsinfo]
37. </ul>
38. </td>
39. </tr>
40. </table><div class="marTop"></div></td>
41. <td class="padLeft"><table border="0" cellpadding="4" cellspacing="0" class="marTop">
42. <form action="[!--news.url--]e/search/index.php" method="post" name="searchform" id="searchform">
43. <tr>
44. <td><select name="select">
45. <option value="title,smalltext,myarea" selected="selected">不限</option>
46. <option value="title">信息标题</option>
47. <option value="smalltext">信息内容</option>
48. <option value="myarea">所在地</option>
49. </select></td>
50. <td><input name="keyboard2" type="text" id="keyboard" /></td>
51. <td><select name="select2">
52. <option value='9'>所有分类</option>
53. <option value='10'>|-房屋信息</option>
54. <option value='11' > |-房屋求租</option>
55. <option value='12' > |-房屋出租</option>
56. <option value='13' > |-房屋求购</option>
57. <option value='14' > |-房屋出售</option>
58. <option value='15' > |-办公用房</option>
59. <option value='16' > |-旺铺门面</option>
60. <option value='17'>|-跳蚤市场</option>
61. <option value='18' > |-电脑配件</option>
62. <option value='19' > |-电器数码</option>
63. <option value='20' > |-通讯产品</option>
64. <option value='21' > |-居家用品</option>
65. <option value='22'>|-同城生活</option>
66. <option value='23' > |-本地新闻</option>
67. <option value='24' > |-购物打折</option>
68. <option value='25' > |-旅游活动</option>
69. <option value='26' > |-便民告示</option>
70. <option value='27'>|-求职招聘</option>
71. <option value='28' > |-工程技术</option>
72. <option value='29' > |-财务会计</option>
73. <option value='30' > |-餐饮行业</option>
74. <option value='31' > |-经营管理</option>
75. </select>
76. </td>
77. <td style=" padding-left:5px;"><input name="Submit2" type="image" value="搜索" src="[!--news.url--]skin/default/images/search.gif" width="37" height="20" />
78. </td>
79. <td style=" padding-left:5px;"> [<a href="[!--news.url--]e/DoInfo/ChangeClass.php?mid=8" target="_blank">发布信息</a>] [<a href="[!--news.url--]e/DoInfo/ListInfo.php?mid=8" target="_blank">管理信息</a>]</td>
80. </tr>
81. </form>
82. </table><table width="100%" border="0" cellpadding="0" cellspacing="0">
83. <tr>
84. <td class="mid"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="titleBar">
85. <tr>
86. <td><h4><strong>最新信息</strong></h4></td>
87. </tr>
88. </table></td>
89. <td class="padLeft mid"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="titleBar">
90. <tr>
91. <td><h4><strong>推荐信息</strong></h4></td>
92. </tr>
93. </table></td>
94. </tr>
95. <tr>
96. <td class="mid"><table width="100%" border="0" cellpadding="0" cellspacing="8" class="titleBarBot">
97. <tr>
98. <td><ul>
99. [ecmsinfo]'selfinfo',10,38,0,0,2,0[/ecmsinfo]
100. </ul></td>
101. </tr>
102. </table></td>
103. <td class="padLeft mid"><table width="100%" border="0" cellpadding="0" cellspacing="8" class="titleBarBot">
104. <tr>
105. <td><ul>
106. [ecmsinfo]'selfinfo',10,38,0,0,2,0[/ecmsinfo]
107. </ul>
108. </td>
109. </tr>
110. </table></td>
111. </tr>
112. </table>
113. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="marTop">
114. <tr>
115. <td><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="570" height="80">
116. <param name="movie" value="[!--news.url--]skin/default/images/empirecms.swf" />
117. <param name="quality" value="high" />
118. <embed src="[!--news.url--]skin/default/images/empirecms.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="570" height="80"></embed>
119. </object></td>
120. </tr>
121. </table>
122. <div class="main">[listsonclass]'selfinfo',10,38,0,0,7,0,0[/listsonclass]</div>
123. </td>
124. </tr>
125. </table></td>
126.</tr>
127.</table>
128.[!--temp.footer--]
129.