discuz 2x综合DIY页面制作方法

时间:2011-09-15 20:23:44 

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/ 目录,上传部分完成。

进入论坛的管理中心,进入门户-频道栏目,点击添加频道,栏目名称填写你频道的名称(投资理财);目录名称填写刚才新建的目录(touzilicai);列表页面模板,选择投资理财(刚才替换头部的代码,name标签代表这里会出现的名字);启用选择是,其他的按照你的具体要求来设置。进入论坛,打开http://网址/touzilicai 就会看到没有内容的diy页面了。

下面的工作就是使用DIY功能,在相应的版块显示对应论坛版块的信息了。点击页面右上角DIY按钮,进入高级模式,点击添加框架,然后拖动某一空间到对应DIY区域。

点击框架右边红色编辑按钮,进入到框架设置,进行相应的设置,我一般会去除标题,边框设为0,边距设为0就行了,这个可以根据具体的情况进行调整。框架设置好了,接下来点击上方的模块-论坛类-帖子模块,并推动到对应的框架内。

下面就是根据提示框来进行内容设置就行了,这里设置比较傲灵活,可以自定义HTML,这里就不详细讲解了。

按照此方法,设置好所有的DIY框架,保存,一个综合页面的DIY就做好了。http://www.bbs0514.com/touzilicai/ 这个就是我刚刚介绍的版块地址。希望此片文章能对需要的朋友有所帮助,转载请保留作者的博客http://blog.sina.com.cn/u/2358239364。

标签:discuz,论坛
0
投稿

猜你喜欢

  • 个人POP3和SMTP服务器的配置

    2007-03-27 09:46:00
  • DedeCMS Error Warning 的解决方法

    2009-12-20 18:26:00
  • ADSDAQ广告交换平台 Adsense终结者?

    2007-10-21 09:23:00
  • 地方门户如何做好搜索引擎优化

    2008-12-24 13:17:00
  • 计算机学生,学会建站的11个理由

    2008-04-30 11:57:00
  • wordpress模板结构及页面函数调用

    2010-01-30 13:42:00
  • 谷歌暗藏实时搜索:修改URL参数即可实现

    2009-09-14 19:29:00
  • wordpress关闭缩略图

    2010-01-30 13:37:00
  • wordpress关闭缩略图方法

    2009-07-29 18:55:00
  • 关于ftp服务程序中不安全因素研究

    2007-09-07 13:37:00
  • SSL证书是什么?有什么用?

    2010-04-07 13:01:00
  • 如何经营个人网站才能成功

    2007-08-10 10:51:00
  • GoDaddy:如何使用Microsoft Publisher 2003创建FTP位置 Godaddy

    2010-04-22 12:53:00
  • 站长进行设计网站时必须注意二十三个方面

    2008-12-01 09:51:00
  • discuz与uchome不能同步的解决办法

    2010-02-25 12:39:00
  • 保障远程桌面Web连接安全四项注意

    2009-01-21 16:55:00
  • 禁止某些垃圾搜索的蜘蛛访问跟图片访问

    2012-03-20 21:53:02
  • proftpd学习笔记(一)

    2010-05-18 18:12:00
  • 世界四大网页之最

    2008-01-13 18:39:00
  • 博客词汇手册 你应该知道的一些词汇

    2008-07-21 12:49:00
  • asp之家 网站运营 m.aspxhome.com