一、在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域,但是如果你觉得这些还不够,还需要添加更多的可拖拽区域怎么办?
打开你要添加可拖拽区域的模板文件,在要添加的位置加入如下代码:
<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。
二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域
a)在模板文件中添加存放CSS代码的标签,代码如下:
<style id="diy_style" type="text/css"></style>
b)在模板文件中添加可拖拽区域
<!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。
c)在程序代码(php文件中)加载可拖拽模板
以模板/template/default/home/testtpl.htm为例:
普通加载模板的方法为:
template('home/testtpl');
DIY模板加载方法为:
template('diy:home/testtpl');
ps:我初看这个教程的时候,按照我的理解,尝试着做了下,我以为加了这段代码,就可以拖拽这个div块了,最后才明白,这些代码只是添加了一个可拖拽区域,添加好之后,可以在这个区域里添加框架,模块,而这些框架和模块可以移动。
故分享,警示后人
分享到:
相关推荐
漂亮的discuz!X1.5门户模板,由惠州城市圈(www.hzcsq.com)友情提供!
Discuz X1.5使用手册,自己总结的,希望有用
Discuz!X1.5门户 模板下载 Discuz!X1.5门户 模板下载 Discuz!X1.5门户 模板下载
discuz x1.5 wap 手机接口,拷贝到论坛根目录即可 WAP 2.3比之前的版本更新的细节如下: --贴子界面优化。 --自动读取标题。 --增加置顶贴区别。 --页面直接显示用户。 --修复登录BUG。(要是你登录还有问题,我也...
discuz!x1.5数据表的说明文档,包含所有的表的说明,。定义,等等
discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表discuz!x1.5数据表
discuz_x1.5_DIY模板制作教程精品
Discuz!X1.5论坛系统详解Discuz!X1.5论坛系统详解Discuz!X1.5论坛系统详解
discuz x1.5经典版,中国第一SNS源码
discuz x 1.5 urf-8 中文
Discuz_X1.5,dz1.5论坛
Discuz!X1.5 数据结构说明书.CHM
本文档用于帮助您将原有社区产品升级或者转换到 Discuz! X1.5 正式版本
discuz x 1.5目录结构
Discuz! X1.5网址导航插件 ,相关演示请看www.58119.com
免费下载drc风格,这里是仿制的不是drc官方的代码,是我仿制与修改的。... X1.5 语言编码: GBK简体 UTF8简体 风格作者: 插件之家 版权所属: drc 风格转换者: 仿制 支持网站: http://bbs.chajian110.com
X 1.5 的转换程序2010年9月1日更新,新添加 PW8 转换到 Discuz!X1.5的转换程序。pw80 - 15X PHPWind8.0 -> Discuz! X1.5转换方式和以往的相同转换完成后 需要移动的文件夹加一条 使用方法: 将 PHPWind 8.0 的...
按照说明一步一步操作即可成功搭建discuz论坛。 按照说明一步一步操作即可成功搭建discuz论坛。
Discuz!X1.5运营必读宝典,模板,教程
discuz x1.5 插件开发 模块开发