公告

Collapse
No announcement yet.

DIY 進階技巧:模板中添加可拖拽區域

Collapse
X
Collapse
Who has read this thread:
 
  • Filter
  • Time
  • Show
全部清除
新帖子

  • DIY 進階技巧:模板中添加可拖拽區域

    [hide]from: http://www.discuz.net/thread-1682439-1-1.html
    轉載: http://linux0911.no-ip.info/Discuz/t...13938-1-2.html

    DIY 進階技巧:模板中添加可拖拽區域
    bilicen

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

    在 Discuz! X1 預設模板的大部分模板檔案中已經內建了兩到三個可拖拽區域,但是如果你覺得這些還不夠,還需要添加更多的可 拖拽區域怎麼辦?
    開啟你要添加可拖拽區域的模板檔案,在要添加的位置加入如下程式碼:
    Code:
    <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
    註釋:[diy=diyid] 中的 diyid 要與後面的 DIVid 相同,同時要確保其在頁面中唯一,即不能與頁面已有元素 ID 相同。



    二、在沒有可拖拽區域的模板或新的模板頁面中添加可拖拽區域

    a)在模板檔案中添加存放 CSS 語法的標籤,語法如下:
    Code:
    <style id="diy_style" type="text/css"></style>
    b)在模板檔案中添加可拖拽區域
    Code:
    <!--[diy=diyid]--><div id="diyid" class="area"></div><!--[/diy]-->
    註釋:[diy=diyid] 中的 diyid 要與後面的 DIVid 相同,同時要確保其在頁面中唯一,即不能與頁面已有元素 ID 相同。

    c)在程式碼(php 中)載入可拖拽模板
    以模板 /template/default/home/testtpl.htm 為例:
    普通載入模板的方法為:
    Code:
    template('home/testtpl');
    DIY 模板載入方法為:
    Code:
    template('diy:home/testtpl');

    [/hide]
Working...
X