|
| 首页 >> DiY-Page程序开发 >> 模版制作交流 |
| DiY-Page v3.5.x风格模版制作教程！高级用户必读！ |
| 作者 wenshuang 查看 20891 发表时间 2005/12/19 22:56 【论坛浏览】 |
|
前言 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 然后，将制作包中的 hpmain、hpimages 两个文件夹放到DIY-PAGE安装目录。 第二步 用Dreamweaver打开 hpmain/template/hpindex-newstyle.tpl.htm 。怎么样，看出页面的轮廓了吧？ 具体说明请看下图（请点击图片查看完整的图，这样才能看清图上的字！）  下面我们开始编辑这个模版。首先要记住两个原则： 1、模版中所有圆括号括起来的内容，如“{titlebarcode}”等，只能移动，绝对不可以删除！ 2、切换到查看HTML源代码模式，您会发现模版代码中有许多类似于 这样的注释语句，它们是模版中最关键的控制语句，绝对不可以移动、修改或删除它们！ 注：实际上，这些控制语句的分布是很有特点的，BEGIN语句是在一个区块的表格的开头，END语句是在一个区块的表格的结尾。您可以结合可视化编辑和查看源代码，来领会一下它们的意思——简单地说，他们在首页上框出了一个区块。 记住了这两个原则，您就可以放开手脚来修改这个模版。提示一下，主模版文件的开头有很长的一段CSS代码。您应该充分利用这些CSS。修改它们可以将页面的风格改掉很大一部分。 第三步 主模版编辑完成之后，保存好 hpindex-mystyle.tpl.htm ，再打开 hpindex-mystyle.tpl.htm.forumdisplay.htm 和 hpindex-mystyle.tpl.htm.threadcontent.htm 。他们编辑起来相当简单，只要稍微修改些颜色参数就可以了。 第四步 修改 hpmainemplate 目录下的 ------------------------------------------ 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需要您的支持，需要更多的模版！ |
| 序号 | 评论者 | 共有评论 47 【论坛浏览】 【发表评论】 | 评论时间 | |||
| 1 | 枯心树 | 占位 | 2005/12/19 22:59 | |||
| 2 | sars | 没有无法默认的模版跟新建的模版同时共存 以供切换吗... |
2005/12/20 00:59 | |||
| 3 | wenshuang |
默认模版与新建的模版可以共存呀：） |
2005/12/20 10:37 | |||
| 4 | sars |
这样后台应该只能显示'My Style'了吧～～ 还是要怎样才能显示下拉选单 |
2005/12/21 01:08 | |||
| 5 | wenshuang |
MYSTYLE就是显示在“风格模版”的下拉选单中的文字呀。 |
2005/12/21 09:35 | |||
| 6 | wenshuang | 贴子已经更新，花时间做一了个主模版的图解，相信看这个大家会容易懂些。 | 2005/12/21 12:04 | |||
| 7 | 枯心树 | 好啊！图文的！收藏先！ | 2005/12/21 12:32 | |||
| 8 | 枯心树 | 好啊！谢谢了啊！等学会了，弄个来玩玩！ | 2005/12/21 12:34 | |||
| 9 | thanky | 我的坛子用了以后，第一次打开主页的时候总打不开。要再刷新一次才能打开？ 请看！！ http://www.e-thanky.com |
2005/12/21 21:59 | |||
| 10 | wenshuang |
此为BUG 即将解决。 |
2005/12/21 22:32 | |||
共有评论数 47 每页显示 10
|
||||||