discuz 2x综合DIY页面制作图文教程

新客网 XKER.COM 时间:2011-09-17 10:41:50  评论:

discuz已经是大多数站长的最爱,因为他太强大了,不懂技术的站长也能用他做出很棒的网站,但是要与众不同突出自己的个性就要用到里面的DIY功能,要制作DIY综合页面需呀有一定的网站制作基础,下面我就把详细制作的过程一一的告诉那些需要的站长朋友。

首先,用photoshop制作平面效果图,这个和制作其他网站的效果图没有什么区别,需要注意的是以下两点:

1,如果综合页面是用论坛的导航和页底那么效果图只要制作中间部分就可以了;

2,页面宽度要设置为960像素(与论坛宽度一样)。

上面就是我做的效果图,论坛的投资理财频道。接下来,就把做好的效果图裁切好,在Dreamweaver里拼合好,并保存文件为.htm后缀的文件,并且以list开通,我命名的财经频道综合页面为:list_touzilicai.htm。然后在Dreamweaver切换到代码模式

把上面红色框框住的部分替换为:

<!--{subtemplate common/header}-->
<!--[name]投资理财[/name]-->

最下面的红框框住的部分替换为:

<!--{subtemplate common/footer}-->

在你要DIY的地方加入以下代码:

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

注意这里代码的编号,不能重复(diy1)。加入此代码,在登录论坛后你就可以使用DIY功能编辑此区域了。接下来就是要上传文件到论坛空间了,打开FTP,找到目录/template/default/portal/ 在文件夹内新建频道目录,我新建的目录为touzilicai,上传图片文件夹img到/template/default/portal/touzilicai文件夹内。接下来上传模板文件list_touzilicai.htm到/template/default/portal/ 目录,上传部分完成。

如果您喜欢本文请分享给您的好友,谢谢!如想浏览更多更好的建站程序内容,请登录:http://www.xker.com/edu/website/6/index.html

相关内容标签:建站程序 Discuz!X
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)