前言
DiY-Page的模版制作并不复杂。模版是由几个纯HTML文件组成，它们位于 hpmain/template 目录下。

首先介绍一下模版文件的命名。模版文件要有一个主名称，类似于以下格式： hpindex-xxx.tpl.htm 。这样一来：

hpindex-xxx.tpl.htm
就是这个模版的主文件，它决定了整个网站的所有页面的样式

hpindex-xxx.tpl.htm.forumdisplay.htm
是文章列表页面的 文章列表显示部分 的模版，它不是一个完整的HTML文件，只是一个表格

hpindex-xxx.tpl.htm.threadcontent.htm
是文章内容页面的 内容显示部分 的模版，它也不是一个完整的HTML文件，只是一个表格

hpindex-xxx.tpl.htm.php
是模版的介绍文件，系统要靠它来识别模版，编写方法很简单，后文会有介绍


第一步
下载 DiY-Page模版快速制作包：
template-making-kit_35x.rar (16.04 KB)

template-making-kit_35x.rar (16.04 KB)
下载次数: 1678

2006-3-20 13:57

然后，将制作包中的 hpmain、hpimages 两个文件夹放到DIY-PAGE安装目录。

第二步
用Dreamweaver打开 hpmain/template/hpindex-newstyle.tpl.htm 。怎么样，看出页面的轮廓了吧？
具体说明请看下图（请点击图片查看完整的图，这样才能看清图上的字！）

模版制作教程图解.png (23.38 KB)

2005-12-21 11:25

下面我们开始编辑这个模版。首先要记住两个原则：

1、模版中所有圆括号括起来的内容，如“{titlebarcode}”等，只能移动，绝对不可以删除！

2、切换到查看HTML源代码模式，您会发现模版代码中有许多类似于
<!-- BEGIN titlebarList -->
<!-- END titlebarList -->
这样的注释语句，它们是模版中最关键的控制语句，绝对不可以移动、修改或删除它们！

注：实际上，这些控制语句的分布是很有特点的，BEGIN语句是在一个区块的表格的开头，END语句是在一个区块的表格的结尾。您可以结合可视化编辑和查看源代码，来领会一下它们的意思——简单地说，他们在首页上框出了一个区块。

记住了这两个原则，您就可以放开手脚来修改这个模版。提示一下，主模版文件的开头有很长的一段CSS代码。您应该充分利用这些CSS。修改它们可以将页面的风格改掉很大一部分。

第三步
主模版编辑完成之后，保存好 hpindex-mystyle.tpl.htm ，再打开  hpindex-mystyle.tpl.htm.forumdisplay.htm 和 hpindex-mystyle.tpl.htm.threadcontent.htm 。他们编辑起来相当简单，只要稍微修改些颜色参数就可以了。

第四步
修改 hpmain        emplate 目录下的
------------------------------------------
hpindex-newstyle.tpl.htm
hpindex-newstyle.tpl.htm.forumdisplay.htm
hpindex-newstyle.tpl.htm.threadcontent.htm
hpindex-newstyle.tpl.htm.php
------------------------------------------
四个文件的名字，把其中的“newstyle”换成你自己的模版的英文代号。

第五步
把模版制作过程中使用的图片文件移到 hpimages/mystyle ，再把 mystyle 改成 第四步中你修改的模版的英文代号（注意检查主模版中的图片地址是否正确，应为 hpimages/xxx/abc.gif 这样的格式）。

第六步
下面让我们来编辑 hpindex-mystyle.tpl.htm.php 这个介绍文件，以便系统能够识别您制作的模版。
用记事本或其它文本编辑器打开它，可以看到里面的每一行都做了详细的注释说明。您可以按照说明来修改它们。

特别提示：
记住把这个文件中的“模版文件名”换成 您在第四步改名的 hpindex-xxx.tpl.htm；“图片文件夹名”也要做同样更换。

修改完成之后，保存它。

第七步
现在，到后台的“修改程序选项”中，选择您制作的模版，确定之后，再点后台的“立即更新页面内容”，欣赏一下您的大作吧！

遇到问题怎么办？
请您到本站的 “风格模版制作交流” 论坛中发贴求助！
我们会热心帮助每一位为DIY-PAGE制作模版的朋友！

最后，再次热情邀请大家参与到模版设计工作中来！
DiY-Page需要您的支持，需要更多的模版！

占位

没有无法默认的模版跟新建的模版同时共存
以供切换吗...

引用:

原帖由 sars 于 2005-12-20 00:59 发表
没有无法默认的模版跟新建的模版同时共存
以供切换吗...

默认模版与新建的模版可以共存呀：）

引用:

第四步
下面让我们来编辑 hpindex-mystyle.tpl.htm.php 这个介绍文件，以便系统能够识别您制作的模版。
打开它，然后参照下面的说明进行修改：


CODE:[Copy to clipboard]<?php
$tpl_intro=array('filename'=>'hpindex-mystyle.tpl.htm',    //主模版文件名
'showname'=>'My Style',     //模版的显示名称，会在后台选择模版时显示，可随意决定，但一定要用英文！
'imgdirname'=>'mystyleimages',      //刚才提到的 放图片的 文件夹，比如刚才的 mystyleimages
'tplpre'=>'none',      //一般不用改
'note'=>'This is my first Style Template for DiY-Page!<br>E-mail me: tommy@163.com'      //您的模版的介绍文字，支持HTML代码，会在后台选择模版时显示！
);
?>
修改完成之后，保存它。

这样后台应该只能显示'My Style'了吧～～
还是要怎样才能显示下拉选单

引用:

原帖由 sars 于 2005-12-21 01:08 发表

这样后台应该只能显示'My Style'了吧～～
还是要怎样才能显示下拉选单

MYSTYLE就是显示在“风格模版”的下拉选单中的文字呀。

贴子已经更新，花时间做一了个主模版的图解，相信看这个大家会容易懂些。

好啊！图文的！收藏先！

好啊！谢谢了啊！等学会了，弄个来玩玩！

我的坛子用了以后，第一次打开主页的时候总打不开。要再刷新一次才能打开？
请看！！
http://www.e-thanky.com