找回密码
 注册加入
搜索
查看: 4989|回复: 0

DIY高级技巧:模板中添加可拖拽区域

[分享]
发表于 2011-3-20 11:17: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');
复制代码

您需要登录后才可以回帖 登录 | 注册加入

本版积分规则

Archiver|手机版|小黑屋|Discuz!扩展中心 - 杭州富迪文化艺术策划有限公司 版权所有 ( 浙ICP备14042422号-1 )|网站地图QQ机器人

GMT+8, 2025-7-5 04:23 , Processed in 0.195736 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X5.0

© 2001-2025 Discuz! Team.|IP地址位置数据由 纯真CZ88 提供支持

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