完全自定义设计模板门户首页，栏目，专题模板方法

猪八戒

首先声明下，如果您对html、CSS、PHOTOSHOP不熟悉，特别是HTML、CSS请绕道

第一种：门户首页模板（index.htm，保存于\template\default\portal）

1. 
   
2. <!--{subtemplate common/header}-->
   
3. <style id="diy_style" type="text/css"></style>
   
4. 这里可以随意自定义代码
   
5. <!--{subtemplate common/footer}-->

复制代码

第二种：栏目模板（必须命名list_xx.htm，保存于\template\default\portal），做好以后在栏目编辑里面选择相应模板，再就行DIY

1. 
   
2. <!--{subtemplate common/header}-->
   
3. <!--[name]栏目模板——栏目名称自定义[/name]-->
   
4. <style id="diy_style" type="text/css"></style>
   
5. 这里可以随意自定义代码
   
6. <!--{subtemplate common/footer}-->

复制代码

第三种：专题模板（必须命名portal_topic_xx.htm，保存于\template\default\portal），做好以后在专题添加或编辑中选择相应模板，选择是否统一页头和页尾，再DIY

1. 
   
2. <!--{subtemplate common/header}-->
   
3. <div id="pt" class="bm cl">
   
4. <!--{subtemplate common/simplesearchform}-->
   
5. <div class="z">
   
6.   <a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a> <em>&#8250;</em> $topic[title]
   
7. </div>
   
8. </div>
   
9. <link id="style_css" rel="stylesheet" type="text/css" href="{STATICURL}topic/t1/style.css?{VERHASH}">
   
10. <style id="diy_style" type="text/css"></style>
    
11. <div id="widgets"></div>
    
12. 这里可以随意自定义代码
    
13. <!--{subtemplate common/footer}-->

复制代码

其中：

1. <div id="pt" class="bm cl">
   
2. <!--{subtemplate common/simplesearchform}-->
   
3. <div class="z">
   
4. <a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a> <em>&#8250;</em> $topic[title]
   
5. </div>
   
6. </div>

复制代码

是位置和搜索框，可以删除

1. 其中自定义代码部分需要DIY的地方使用下面代码，注意代码中的两个diy1必须保持一致，并且同一个htm页面中不得重复出现

复制代码

<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！