我要加入 登录
声振论坛 返回首页

aspen的个人空间 http://home.vibunion.com/?10 [收藏] [复制] [分享] [RSS]

日志

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

已有 2110 次阅读2010-8-24 09:11 |个人分类:网站建设|

一、在已经有可拖拽区域的模板中添加更多的可拖拽区域

      在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');

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 我要加入

QQ|小黑屋|Archiver|手机版|联系我们|声振论坛

GMT+8, 2024-3-29 13:00 , Processed in 0.070247 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

返回顶部