discuz X2模板制作方法。
1、 通过网站后台,新建一套风格模板并导入替换“默认模板”(自己认为:这样比修改原来的默认页面更简单,原有页面比较多,部分功能短时间还不大清楚);
2、 根据页面内容的需要,编写CSS代码,使用
<!--[diy=diy1]--><div id="diy1"class="area"></div><!--[/diy]-->来预留页面内容。使用DIV+CSS编辑门户(portal)、论坛(forum)等需要变更的index.html;
3、编辑XML来进行通用CSS部分节点设计。
4、页面整体使用DIV+CSS进行样式制作完成后,通过DISCUZ自带的DIY进行内容添加编辑。
discuz已经是大多数站长的最爱,因为他太强大了,不懂技术的站长也能用他做出很棒的网站,但是要与众不同突出自己的个性就要用到里面的DIY功能,要制作DIY综合页面需呀有一定的网站制作基础,下面我就把详细制作的过程一一的告诉那些需要的站长朋友。
首先,用photoshop制作平面效果图,这个和制作其他网站的效果图没有什么区别,需要注意的是以下两点:
- 如果综合页面是用论坛的导航和页底那么效果图只要制作中间部分就可以了;
- 页面宽度要设置为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就做好了。
discuz X2模板制作方法。相关推荐
- 邮件营销html代码,邮件营销实操技巧(二):常见邮件模板制作方法
做邮件营销,整理好要发送的邮件列表,接下来就是准备要发送的邮件内容. 有的邮件内容比较简单,就是文字内容,排排版即可:有的邮件内容,既包含了文字,也包含了图片,还有超链接,这种就需要借助工具来制作了. ...
- Discuz的模板制作与源代码分析
许多使用discuz的人都会自然的想到论坛的风格.样式和模板,如何修改它,如何让它符合心中的要求,相信大家只要对discuz的模板源代码进行钻研的话,那就肯定能够自己独立修改,并且达到自己想要的风格和 ...
- dede织梦html手机模板,dede织梦cms手机站模板制作和调用方法
dede织梦cms电脑站制作网站模板很简单.这里说说对应的手机站模板制作方法和调用方法. 首先我们分析下手机站的模板命名方式. index_m.htm 首页模板 index_default_m.htm ...
- Discuz X2.5_去掉论坛标题和底部Powered by Discuz!_完美去掉
Discuz X2.5_去掉论坛标题和底部Powered by Discuz!_完美去掉 第一次使用Discuz X2.5做论坛,现在已经到了2.5了,我最初使用的时候还不叫x 看来技术发展的够快的 ...
- [系列教程] Discuz模板的制作方法
Discuz模板的制作相对还是比较简单,现在应用中心的上线又涌现出来一大批模板开发作者,不管大家做免费模板还是商业模板,都希望每个开发者可以维护好自己的模板,给站长们一个好模板.Discuz模板的创建 ...
- discuz php单页,Discuz! X2 自定义单页面最简单方法
此方法简单到只有一句话:新建一个专题就行了,还可以自定义二级域名和URL,可以设置是否包括页头.页脚,Title/Keywords/description等信息自然不在话下. 新建完后就可以DIY,想 ...
- Discuz! X2.5 添加自定义数据调用模块(简单方法)
转:http://521-wf.com/archives/46.html Discuz! X2.5 添加自定义数据调用模块(简单方法) Discuz!X系列的diy功能还是相当不错的,在对其进行二次开 ...
- 源码多多-Discuz x2.5 论坛防灌水机制分析和设置方法
论坛是比较开放的,所以被灌水或者遭到灌水机和注册机的虐待都很正常,尤其是新论坛没有完整的设置防灌水策略,积分策略和用户组策略,就已经被灌的一塌糊涂,那么今天站帮网-ARCHY就结合Discuz防水墙来 ...
- 【图像处理】——遍历图像所有像素的方法(for 循环和np.where遍历)应用在模板制作
目录 具体np.where的用法可以参见: 其他遍历图像的所有像素的方法: 模板制作流程 Python代码 具体np.where的用法可以参见: https://blog.csdn.net/YH_24 ...
最新文章
- boost::locale::generator用法的测试程序
- SQLServer锁升级
- java timer开销_减少Java垃圾收集开销的5条提示
- 大学c语言程序设计大赛,关于举办宁夏大学第二届C语言程序设计大赛的通知
- python多目标优化_多目标优化算法(四)NSGA3(NSGAIII)论文复现以及matlab和python的代码...
- 对象池common-pool2源码分析之对象状态
- 牛客国庆集训派对Day2: E. 数据排序(状压DP+记忆化搜索)
- 移动开发者大会.html5。Android。ios。wp联盟
- mac计算机如何调出来,新买的Mac电脑怎么设置?需完成这6步操作
- 工欲善其事,必先利其器-程序员工具推荐
- 记一次在咸鱼上购买MacBook Pro的经历
- 点餐系统架构模型_点餐系统的设计与实现.doc
- 使用wordpress建立企业或博客网站新手教程
- android+6.0中兴v5s,中兴V5S的手机系统是什么?中兴V5S能升级安卓4.3吗?
- 使用element table表格实现后端排序
- windows无法接收到组播问题
- “硬盘销毁”的必要性
- P1099 树的直径 DFS + 二分 / 尺取法
- OSS 操作权限控制
- 界面组件Telerik加强对Fluent主题支持,让应用程序更国际化