Discuz教程网

[代码修改] Discuz X 模板中添加可拖拽区域

[复制链接]
authicon dly 发表于 2011-4-26 07:57:42 | 显示全部楼层 |阅读模式
一、在已经有可拖拽区域的模板中添加更多的可拖拽区域
在Discuz! X1默认模板的大部分模板文件中已经内置了两到三个可拖拽区域,但是如果你觉得这些还不够,还需要添加更多的可拖拽区域怎么办?


打开你要添加可拖拽区域的模板文件,在要添加的位置加入如下代码:
  1. <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
复制代码

注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。
二、在没有可拖拽区域的模板或新的模板页面中添加可拖拽区域
a)在模板文件中添加存放CSS代码的标签,代码如下:
  1. <style id="diy_style" type="text/css"></style>
复制代码

b)在模板文件中添加可拖拽区域
  1. <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
复制代码

注释:[diy=diyid]中的diyid要与后面的DIV的id相同,同时要确保其在页面中唯一,即不能与页面已有元素ID相同。
c)在程序代码(php文件中)加载可拖拽模板
以模板/template/default/home/testtpl.htm为例:
普通加载模板的方法为:
  1. template('home/testtpl');
复制代码

DIY模板加载方法为:
  1. template('diy:home/testtpl');
复制代码






上一篇:出生地增加第三级县市和第四级乡镇 for discuz x 1.5
下一篇:Discuz常用sql语句
authicon a137580399 发表于 2011-4-29 08:59:03 | 显示全部楼层
没演示吗???
authicon melody0721 发表于 2011-5-6 17:18:18 | 显示全部楼层
我回不回呢 考虑再三 还是不回了吧 ^_^
authicon 乐娃娃 发表于 2011-5-6 17:38:11 | 显示全部楼层
我回不回呢 考虑再三 还是不回了吧 ^_^
authicon Cute宝贝儿 发表于 2011-5-6 17:39:21 | 显示全部楼层
这个要顶起来啊
authicon 婷婷爱牛牛 发表于 2011-5-6 17:59:58 | 显示全部楼层
感谢分享  收下了·····
authicon 21585151 发表于 2011-5-6 18:59:45 | 显示全部楼层
喜欢喜欢喜欢
authicon 月之海洋 发表于 2011-5-8 10:59:35 | 显示全部楼层
万分感谢楼主
authicon huanglv80 发表于 2011-5-8 16:59:37 | 显示全部楼层
这个要顶起来啊
authicon kurt226 发表于 2011-5-9 11:59:59 | 显示全部楼层
顶的就是你
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 12:22

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表