模板制作
擴展新模板
如果你想直接在默認(rèn)模板的基礎(chǔ)上修改的話那就到 網(wǎng)站根目錄/template/default/ 目錄下面直接修改文件就可以了，論壇所有的模板都放在這個文件夾下！
Discuz! X程序讀取模板的機制是，讀取當(dāng)前模板套系目錄下的模板文件，如yourstyle文件夾下common/header.htm文件，如果沒有這個文件，則自動讀取默認(rèn)風(fēng)格/tempalte/default目錄下的common/header.htm文件。這里需要提醒一下，擴展的風(fēng)格不再需要原來的css文件，只需要新建一個以extend_為前綴加源文件名的擴展css文件即可，例如：extend_common.css文件、extend_module.css這里面只需要加入你自定義的擴展css文件即可！這部分代碼將在生成緩存css時，自動追加到你當(dāng)前模板的common.css緩存文件中。
更多相關(guān)：
1、如何搭建本地環(huán)境(php+mysql環(huán)境)
2、Discuz模板的制作方法
3、風(fēng)格管理編輯頁面中風(fēng)格常量在模板中的注解圖
4、Discuz各類幻燈片的制作方法 - 完全支持DIY
5、巧用firebug 對Discuz!模板進行樣式調(diào)試修改美化
-
首先我們需要在template/文件夾下新建一個yourstyle文件夾放置模板文件，然后復(fù)制default下的discuz_style_default.xml，重命名為discuz_style_你的風(fēng)格名稱.xml(注意這里discuz_style_是必須保留的)。這個文件配置的即是下圖中后臺顯示的配置區(qū)域中的變量內(nèi)容。
注釋：這個文件是我們風(fēng)格模板套系的配置文件，其中指定了你的擴展風(fēng)格名稱，配置風(fēng)格的初始化id，風(fēng)格模板所在文件夾和一些初始化參數(shù)，如：整個模板的字體大小，顏色等一些通用參數(shù)的配置。
- 修改文件中以下四個參數(shù)
<item id="name"><![CDATA[默認(rèn)風(fēng)格]]></item> 指定擴展風(fēng)格的名稱，例如：默認(rèn)風(fēng)格。 <item id="templateid"><![CDATA[1]]></item> 指定初始化templateid，這里不要和現(xiàn)有安裝風(fēng)格的id相同。 <item id="tplname"><![CDATA[默認(rèn)模板套系]]></item> 指定擴展風(fēng)格套系的名稱，例如：默認(rèn)風(fēng)格套系。 <item id="directory"><![CDATA[./template/yourstyle]]></item> 指定擴展風(fēng)格所在的文件夾，這個文件夾的名字就是你剛才在template新建的yourstyle。 注釋：有了這個文件后臺就可以刷新看到一個擴展風(fēng)格了。
- 另外我們復(fù)制的配置文件中需要我們特別注意的就是以下兩個參數(shù)：
<item id="imgdir"><![CDATA[]]></item> 此參數(shù)為風(fēng)格基礎(chǔ)圖片存放的目錄，默認(rèn)使用地址 static/image/common/ 目錄，一般我們只需要留空就行了 <item id="styleimgdir"><![CDATA[template/yourstyle/images]]></item> 此參數(shù)為擴展目錄地址，留空表示無擴展圖片目錄，如果你想新增圖片的話可以在這里預(yù)先手動指定一個地址, 然后在此參數(shù)指定的目錄下新建images擴展圖片目錄。
現(xiàn)在我們將擴展風(fēng)格yourstyle設(shè)置為當(dāng)前模板套系，由于這個目錄下現(xiàn)在還沒有文件，那么他會完全去調(diào)用默認(rèn)模板template/default/文件夾下的文件，這樣一個完全和默認(rèn)風(fēng)格相同的擴展風(fēng)格就建立完了。如下圖：
1. 在template下新建一個文件夾，放置擴展的模板套系文件。
2. 擴展文件夾下的文件目錄名稱和模板文件名稱完全按照default默認(rèn)模板命名。注意：也可以自己命名，但是要在模板文件中自己修改模板的對應(yīng)文件調(diào)用，不建議初學(xué)者使用。
如上圖，我現(xiàn)在進行最簡單的修改，此擴展風(fēng)格只對應(yīng)了默認(rèn)模板default下的common文件夾。common中只有一個header.htm文件，也就是說在應(yīng)用這套模板后，由于它只對應(yīng)默認(rèn)模板default下面的common/header.htm, 所以應(yīng)用此套模板后只能讀到header.htm頭部模板文件，而其他的如果沒有全部自動調(diào)用template/default下的模板文件。
3. 后臺應(yīng)用擴展模板：
4. 在header.htm中適當(dāng)位置添加一句話，以此來測試讀取當(dāng)前模板的模板文件。
5. 對應(yīng)與前臺顯示效果：
演示完成。
擴展配色
用戶切換配色方案的擴展，它對應(yīng) ./template/yourstyle/style/ 目錄中的樣式文件。全新創(chuàng)建時應(yīng)在./template/yourstyle/style/目錄中建立如t1/style.css之后方能生效!
style.css頭部的[name]紅[/name], [iconbgcolor]#BA350F[/iconbgcolor]是用來配置后臺中的配色方案名稱和名稱前對應(yīng)的顏色值(采用16位制配色),擴展時需要你自己配置你所擴展的配色方案的對應(yīng)名稱和顯示顏色。注釋：此個人配色的加載是在header.htm中根據(jù)默認(rèn)或者你的上一次設(shè)置按要求加載的。
個人空間風(fēng)格
個人空間風(fēng)格模板默認(rèn)放置在./static/space/目錄下擴展模式和文件結(jié)構(gòu)和論壇的擴展配色基本一直。新建時在./static/space/目錄中建立如t9/style.css之后方能生效!style.css頭部的[name]自然[/name]是用來配置模板名稱的！其他的對照默認(rèn)的空間風(fēng)格目錄格式放置你要擴展的空間風(fēng)格的文件！