手把手教你制作discuz 2x综合DIY页面

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

  首先,用photoshop制作平面效果图,这个和制作其他网站的效果图没有什么区别,需要注意的是以下两点:1,如果综合页面是用论坛的导航和页底那么效果图只要制作中间部分就可以了;2,页面宽度要设置为960像素(与论坛宽度一样)。

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

把上面红色框框住的部分替换为:
<!--{subtemplate common/header}-->
<!--[name]投资理财[/name]-->  

  

  

 最下面的红框框住的部分替换为
<!--{subtemplate common/footer}-->

注意图片,背景 路径都要改下,如果你的图片背景都存放在img文件夹内,那么图片,背景的路径要改为:template/default/portal/touzilicai/img/图片

在你要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。

时间: 2024-09-25 01:58:31

手把手教你制作discuz 2x综合DIY页面的相关文章

手把手教您制作一个完整网站(内附教程)

手把手教您制作一个完整网站(内附教程) 1.搞个简单的策划先. 至少应该有一个大概的方向吧,先确定网站的类型,是地区门户.行业门户,还是下载.电影.论坛等等.然后基本确定网站的名称. 2.找一个合适的域名. 域名注册.com(国际域名)和.cn(国内域名)为宜,域名最好不要太长.且有一定的意义.容易记,现在好的域名已经不多了,你可灵活的使用数字.英文单词.拼音等的组合,在域名的前.后加上i.e.51.ok.hao.88.163等,可以灵活的组合出许多好的域名.域名注册信息查询 http://ww

手把手教你制作AppPreview视频并上传到appStore进行审核

手把手教你制作AppPreview视频并上传到appStore进行审核   注意,你需要使用iMovie才能够制作AppPreview视频文件,用QuickTime录制的无效!   最终效果   1. 新建一个事件     2. 创建应用程序预览   3. 导入视频文件(该视频文件需要你用QuickTime事先进行录制,此处不赘述)   4. 导入音频文件   5. 将视频文件音频文件拖到编辑区域   6. 加载转场文件   7. 分离文件并添加转场文件   8. 剪辑结束   9. 导出并生成

恐怖片制作教程 - 手把手教你制作一部恐怖片,包教包会哟~

class="post_content" itemprop="articleBody"> 细数恐怖片里那些用烂了的桥段和吓人方式,手把手教你怎样制作一部恐怖片.现在的恐怖片,确实基本是这个套路.真人示范,包教包会哟~!恐怖迷们来鉴赏下-- 话说回来,瓶盖丢了,如果不找回来就会一直流水.这是什么烂借口啊??

discuz x2.0 DIY页面如何调用分类信息?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 discuz的DIY功能非常强大,利用他里可以做出很有个性化的门户,而且能实现很多复杂的功能,比如房产,招聘,二手交易等分类信息.在使用Discuz过程中,很多朋友会遇到一个问题,DIY页面如何调用分类信息呢,这个问题也曾经困扰过我,经过研究发现了调用的方法,现在就分享给大家. 第一步,要在论坛后台设置好分类信息,这里就不详细讲解了,我的博客

PS手把手教你制作GIF

  今天这篇通俗易懂的好文,带你从零开始认识PS的时间轴工具,附上一个超简单的颜色动画实例,十分钟就可以学会,来收! 开始之前,我们首先要了解的是PS有5种类型的图层,按顺序依次为像素图层.调整图层.文字图层.形状图层以及智能对象.而对应的时间轴里面,各种类型的图层都有对应时间轴的动作属性,如图所示: 可以得知所有的动作属性有:位置.不透明度.样式.图层蒙版位置.图层蒙版启用.变换.文字变形.矢量蒙版位置.矢量蒙版启用. 位置:像素图层中元素移动的位置,也可以理解成位移,它不包含旋转和缩放,并且

如何在github发布个人网站或开源项目-手把手教您制作并发布个人网站或主页(二)

                 (首先感谢留美博士czxttkl的技术支持maider.blog.sohu.com)                作为开源代码库以及版本控制系统,Github目前拥有140多万开发者用户.随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法.               下面将分布讲解如何在github上发布个人网站. 1.首先登陆github,网址https://github.com/.进行注册.(注意:你的用户名

手把手教您制作并发布个人网站或主页(一)(图解教程针对小白)

                  很多人都像我一样,从小就有个梦想,就是能自己制作一个属于自己的网站,下面就让我图解一下制作过程,针对广大小白,大神绕道.             首先,我推荐一款类似于记事本的编译工具,叫sublime2 Text2,下载地址http://download.csdn.net/detail/gshengod/5942957. 软件的界面.               下面讲一下网页编程部分.对于新手,那些画线格式的操作都有些困难.所以我建议用模板来做,在模板的基

WPS技巧:手把手教你制作红头文件

人在职场,大家都知道办什么事要先请示,领导逐级审批,可"套红头"时总是跟事先准备好的纸张文字对不上,索性我们就自己做一个,跟自己打印机.纸张相符的"红头件". 一.先把隐藏文字不打印设置好.套打隐藏文字. 参考[WPS]如何设置文档.文字.图片"不打印" 二.插入文本框 1.设置文本框属性,颜色--无填充色,线条---无线条颜色. 2.版式,环绕方式---衬于文字下方,水平对齐方式------其他方式 3.点击 高级选框,选项------对象随文

WPS教程:手把手教你制作"红头文件"

  在职场,大家都知道办什么事要先请示,领导逐级审批,可"套红头"时总是跟事先准备好的纸张文字对不上,索性我们就自己做一个,跟自己打印机.纸张相符的"红头件". 一.先把隐藏文字不打印设置好.套打隐藏文字. 二.插入文本框 1.设置文本框属性,颜色--无填充色,线条---无线条颜色. 2.版式,环绕方式---衬于文字下方,水平对齐方式------其他方式 3.点击 高级选框,选项------对象随文字移动,把勾点掉,否则在你敲回车时,文本框会随着移动.点击确定. 三