一、 DIY 中 TAB 框架如果切換點擊方式 (鼠標點擊與鼠標滑過)

如下圖中的效果如何實現

3.png

 

實現方法:

拖一個 TAB 框架到頁面中,點編輯,選擇標題 如下圖所示

1.png

 

在彈出的窗口中選擇切換類型 如下圖所示。

2.png

 

你可以根據你的需要選擇是點擊還是滑過

完成


二、在 DIY 模塊中的模塊數據中固定是什麼意思,如下圖

4.png

解答: 當勾選固定後 此條數據將不會隨着模塊屬性當中的條件進行更新,也就是説,此條數據將永久不變,除非把勾選去掉


三、如何實現兩個模塊中間一條豎線的效果,如下圖效果

6.png

 

實現方法

選中要操作的 DIY 模塊 選擇樣式  如下圖所示

7.png

 

在彈出的層中 ,選擇邊框的分別設置 ,在邊框的 「左」 大小 設置為 1px,「樣式」 選擇實線,「顏色」 選擇灰色,如下圖所示

8.png

 

這樣設置後 我們就能看到一個邊線了  這時你會看到內容與邊線擠在了一起  如下圖所示

9.png

 

接下來我們進行調整內邊距改變上圖中的樣式  同理,打開樣式編輯層 選擇 「內邊距」 點分別設置 在 「左」 中添加 10px

10.png

 

調整後如下圖所示

11.png

 

大家可以根據實際情況調整 內、外邊距的大小與邊框的設置 ,靈活使用


四、如何將一個文章模塊轉換為一個帖子模塊

比如官方提供的門户及頻道都是文章類模塊 ,我們如何轉換為帖子類

編輯模塊的屬性  把其中的模塊分類進行切換  如下圖所示

12.png

 

選擇帖子模塊就可以變換  這裏要注意  切換之後,原來的模塊樣式將變成私有的 (自定義樣式) 修改顯示樣式只能通過模塊模板進行修改


五、如何在模板 (官方發佈的頻道及門户) 裏面插入 DIY 區域  ,如下圖所示

13.png

 

首先打開 模板文件 例如親子模板, 打開 template/default/portal/list_baby.htm  文件

找到這兩段代碼的之間插入一行代碼

  1. <!--[diy=guanggao]--><div id="guanggao" ></div><!--[/diy]-->

其中 「guanggao」 可以任意取名,注意 不可與本模板中其它重名,必須保證唯一性 如下圖所示

14.png

 

完成