Discuz!X1 DIY 教程
一、概念簡介
1 、框架：頁面的佈局；
2 、模組：DIY 的
基本元素，包含資料來源和顯示樣式；
3 、資料來源：控制模組中的資料；
4 、顯示樣式：控制模組中資料的展示方式；
二、詳細使用說明
1 、框架
目前提供的框架共有六種不同的各類，分
類是 100% 框架、 1：1 框架、 1：2 框架、 2：1 框架、 1：1：1 框架和 Tab 框架。框
架分類如下面所示：
框架中可以拖入框架和模組，框架可以多層巢狀。
示例：
結果：
將框架拖入頁面後，可以對框架進行標題和樣式進行管理操作：
A 、框架標題欄
每種框架欄都可以設定多個
標題，每個標題中可以包含圖片、文字和連結，並可以設定顏色、大小和位置，也可以設定整個標題的背景圖片和顏色。框架標題欄管理如下圖所示：
B 、框架樣式
可以設定一些常用的 CSS 樣式，包括字型和連結大小和顏色，整體邊框的大小、樣
式和顏色，也可以分別設定四個邊框。可以設定框架的背景顏色、圖片和外邊距，四個外邊距也可以分別設定。
框架樣式如下圖所示：
如果上面的功能還不能滿足你的需求，你可以自己寫 CSS 樣式，然後為這個框架指
定 className 。
Tab 框架是一種特殊的框
架，它除了具有上面框架的所有功能以還有一個特有的功能 ，可以設定 Tab 框架裡標籤的切換方式：滑鼠點選和滑過兩種方式。如下圖所示：
2 、模組
模組透過模組顯示樣式來展示模組資料。
在 DIY 模式下模組除了可以像框架一樣設定標題欄和樣式以外，還可以設定模組內容的內邊距。
模組的型別共有 6 大類 19 小
類，提供對帖子、文章、日誌等站內資料的呼叫。模組的型別如下圖所示：
A 、模組屬性
公共屬性包括：自定義內容、資料來源、
起始行數和顯示條數、資料快取更新、顯示樣式和模組標識。
模組屬性編輯如下圖所示：
a) 自定義內容支援 HTML 和 JAVASCRIPT，顯示位置緊跟在模組標題的下面。
b) 資料來源內建了一些常用的型別，如
熱門的、最新的等等，高階自定義可以實現更復雜的需求。
c) 起始行數和顯示條數可以設定資料獲
取的開始位置和顯示條數。
d) 資料快取更新時間，設定模組的資料內容更新時間間隔，也可以設定永不更
新。
e) 顯示樣式內建了常用的樣式，如文字列表、圖片列表、圖文混排列表、輪換圖等。
f) 模組標識是模組的名字，供後臺管理時方便識別，並非模組的標題。
模組的其它屬性是隨著選擇的資料來源和顯示樣式的不同而不同。
B 、模組資料
模組的資料包括當前頁面上顯示的所有數
據，可以編輯每一條資料。每一條資料都可以單獨設定和修改其原來資料顯示的位置、內容、文字、連結、大小、顏色、顯示的時間等等。
也可以在指定的位置新增自定義的特殊資料，可以設定資料開始顯示時間和失效時間，也就是說你可以為當前模組的某個位置預定一條特殊
資料。
模組資料編輯如下圖所示:
3 、資料來源
資料來源提供對帖子、文章、日誌等站內
資料的呼叫。對每種模組型別內建了一些常用的資料呼叫，並且可以使用高階自定義來設定更為複雜的呼叫需求。
4 、顯示樣式
系統一共內建了 100 多個各種各樣的顯示樣式，包括各種不同型別模組下的多種顯示樣式，例如：會員類模組內建的樣式有：會員頭像列表、使用者名稱列表、頭
像+使用者名稱+發貼數 （有序） 、頭像+使用者名稱+積分數 （有序） 等樣式。如果系統內建的樣式滿足不了你的需求，你可以
在後臺管理中心-> 門戶-> 模組樣式中
新增不同型別模組的自定義樣式。
模組中不同型別的資料呼叫有不同的顯示樣式，如會員型別模組內建樣式如下圖
所示：
