查看完整版本: DiY-Page 5.x 模板制作教程

DiY-Page 5.x 模板制作教程

[size=3]
[b]轻松七步做教程[/b]

1、下载本帖附件中的制作模板压缩包，将其中dp5_style_template中的dpmain和dpimages两个目录解压到您的DiY-Page安装目录。
[attach]2436[/attach]

2、将dpmain下的mystyle目录和dpimages下的mystyle目录改名为同一个您喜欢的名字（只能是英文和数字），如“wodefengge”。

3、编辑dpmain/style/mystyle（mystyle换成您改成的目录名，下同）/index.php，将其中的“Your Style Name”换成您的风格的正式名称（为确保所有语言编码用户都能看到，只能写英文的，中文请写拼音，如 Xin Nian Feng Ge），“Your Name”换成您的网名（同样只能写英文）。如果您懂一点PHP语言，实际上可以把info字段都改成您想要的英文信息，主要作风格版权声明之用。

4、修改dpmain/style/mystyle/main.css，完成风格设计的主体部分。您需要懂一点CSS基础，基本的知识这里不再给出。

main.css的第一大段是全页的基本样式，如背景，字体，字号等，略懂CSS很容易修改。

main.css的第二大段是外框的定义。请看到mystyle目录下的box目录，下面的文件就是本风格的各种外框的模板文件，为HTM格式，很容易看到。例如，CSS中的 #box_null 对应的就是 box/null.htm（空外框的定义），#box_miniframe_titlebar 和 #box_miniframe_body 对应都是 box/miniframe.php，只是一个是这种外框的标题栏，一个是外框的下半部分。如果CSS不能实现某些设计，还可以修改box下对应的HTM文件来实际。

main.css的第三大段是对象定义，如“#common_guidebar”对应的是导航栏对象的外观。对象模板的HTM文件位于obj文件夹下。由于大部分对象模板外观都可由CSS控制，因此您自制的风格obj文件夹下一般可以不用放文件，系统会自动调用默认模板中的对应文件。如果有这方面的需要，可以把dpmain/style/default/obj/xxx.htm复制到您的obj文件夹下，系统就会优先使用您的obj目录下的对象模板。对应模板中可能有PHP控制语句，需要您略懂一点PHP语言。

5、如果需要在每个页面的头部和尾部放固定的代码（比如某些游戏类风格需要把整页嵌到一个游戏画面外框中），则可修改header.htm和footer.htm加入之。

6、模板所用的图片请一律存储在dpimages/style/mystyle目录下。在CSS中引用时，由于跨路径问题，需要加三个“../”，例如“background: url("../../../dpimages/style/mystyle/back.gif");”

7、将改好的模板打包。方法很简单，把风格模板中dpmain和dpimages两个文件夹压缩到一起，再加入您的一些说明文件即可。

特别说明：
由于DiY-Page 5开始页面的排版结构不算在风格范围之内，属于用户自己在后台操作的范围（即不同的风格看起来有点像换肤的效果，框架没有变）。如果确实需要排板结构的风格，请另附一个压缩包，打包dpmain/data/pageframe.php和objects.php，同时提醒用户上传替换前到后台系统工具做原来数据的备份。这种方式的风格好处在于灵活性极强，甚至可以通过在DP后台设计视窗中插入图片或FLASH标题栏/导航栏的方式做出炫目的华丽效果，很适合游戏类风格。

[/size]

目前dp5已基本是稳定版本，大家可以用心制作模板了。
期待规范、大方、扩展性强的dp5模板风格！

好的 。。。我们应该努力一下。。。。:victory: :victory:

支持,正筹备新站,近期会推出DP新模板.:DD

[quote]原帖由 [i]万两[/i] 于 2008-3-15 21:48 发表 [url=http://www.diypage.com/cn/bbs/redirect.php?goto=findpost&pid=32332&ptid=6458][img]http://www.diypage.com/cn/bbs/images/common/back.gif[/img][/url]
支持,正筹备新站,近期会推出DP新模板.:DD [/quote]
桂林的老乡一定要支持啵

期待wenshang尽快做出自动调取论坛颜色的模板，像DP以前的版本一样。

高手做模板，我们帮忙测试就行了，哈哈。
现在DZ官方自带的风格就有了几套，希望模板高手们能把这些风格一套套地、完全地模仿出来，到时候DP的用户就有福气了。

[[i] 本帖最后由 close2u 于 2008-3-19 22:25 编辑 [/i]]

严重支持中。。

老大是广西的啊？我是南宁的哦:handshake
最近我都在学习，脑都大了，还要学习CSS才可以做站吗？一直都摸不会，有没有 现成的啊？
就是装了程序后就直接可用的。。。。

回复 9# 的帖子

DP 装上就可以用啊！安装包里就带了好多模板的。
这个教程是教大家怎么自己制作模板！

恩~谢谢10楼热心的兄弟~支持PAGE！

好难制作啊!

要是有自己的风格就好了！

DP的风格之所以少就因为 程序把风格固定的太死了 我做网页也时间长点了 喜欢自定义标签的
比如帝国的CMS 拿出来 不用图 随便就做出一套来

DP以前就关注过，- - 从3-5 还是没多大改变，自定义模板就是自定位结果 DIV和CSS命名~
如果DP能做成标签调用 ~ 用户会大大增加

做设计的当然都喜欢标签化。我正在做。

已安装上，谢谢分享

[[i] 本帖最后由 Unicorn 于 2008-10-9 13:19 编辑 [/i]]

[quote]原帖由 [i]woai3003[/i] 于 2008-5-22 18:30 发表 [url=http://www.diypage.com/cn/bbs/redirect.php?goto=findpost&pid=33656&ptid=6458][img]http://www.diypage.com/cn/bbs/images/common/back.gif[/img][/url]
老大是广西的啊？我是南宁的哦:handshake
最近我都在学习，脑都大了，还要学习CSS才可以做站吗？一直都摸不会，有没有 现成的啊？
就是装了程序后就直接可用的。。。。 [/quote]
呵呵，