找到修改discuz 風格的方法了 @ █ █ 爆肝筆記本 █ █

轉自 http://www.hksune.com/discuz/viewthread.php?tid=23758&fromuid=3

關鍵在藍字的部份!!
=======================================

Step-by-Step Tutorial to make a discuz 風格

Step 1
取的一個 template 包 [e.g. 新年]
內包含 images\apple123V3 folder 及 templates\apple123V3 folder
[可download 此文附件]

Step 2
將folder名字改為你的 template 名字 (e.g. space)
即成為 images\space folder 及 templates\space

Step 3
用 ftp, 將這兩個 folders 上載至適當位置
即 public_html/discuz/images 及 public_html/discuz/templates 內
及將 folder, file 改 permission 為 777

Step 4
進入系統設置 > [log-in] > 論壇管理 [screen 上面] > 界面風格[screen 左邊] 內的模板編輯

新增
name: space
folder: ./templates/space
description: [anything you want]

之後按 submit

Step 5
> 界面風格[screen 左邊] 內的界面風格
新增
name: space

之後按 submit, then click 這個 item 的詳情

匹配模板選space,
界面圖片目錄 {IMGDIR}:: images/space
Smilies 圖片目錄 {SMDIR}:images/smilies

由 font 至 CALENDARTODAY, 照跟新年的 setting 先:

即如下:
================================================
Tahoma, Verdana
12px
12px
Arial, Tahoma
11px
#8B0000
#ffffff
#CD0000
#8B0000
#8B0000
#666666
100%
#ffffff
98%
4
1
#b30707
0
#D6E0EF
#d80404
header.gif
#FFFFD9
#DEDEB8
#F5FBFF
#FFFFFF
#efdfdf
#154BA0
#b30707
#8B0000
#ffffff
#b30707
#FFFFFF
#7AC4EA
menu_bg.gif
#154BA0
#FDFFF2
#F3F8D7
#000000
#FDFFF2
#999999
#000000
#FF0000
#00BB00
=======================================

click submit

Step 6
系統工具>更新緩存

Step 7,
而家回 http://www.hksune.com, 看一看, 已多了 "space" 界面風格, 而如果選了, 便同新年一樣

========= [而家是改設計了] ===============

Step 8
製作一個名為head.jpg 的 banner, 要 size 1024 X 220, upload 上 images/space 內

Step 9
用 text editor, 將 templates 的 header.htm, 內的

<DIV style="BACKGROUND-IMAGE: url({IMGDIR}/topbg.gif); MARGIN: 0px; WIDTH: auto; HEIGHT: 220px"><SPAN
style="FLOAT: left"><IMG
src="{IMGDIR}/l.gif"></SPAN><SPAN
style="FLOAT: right"><IMG
src="{IMGDIR}/r.gif"></SPAN></DIV>

改為

<DIV style="BACKGROUND-IMAGE: url({IMGDIR}/topbg.gif); MARGIN: 0px; WIDTH: auto; HEIGHT: 220px"><SPAN
style="FLOAT: left"><IMG
src="{IMGDIR}/head.jpg"></SPAN></DIV>

Step 10
將 header.htm 內的下列文字刪除
<embed src="{IMGDIR}/23.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="220" wmode="transparent">
</embed>

Step 11
將header.gif 改為適當color 的 graphics [此為 title bar 的 background color]

Step 12
將 tl.gif, tm.gif, tr.gif, fl.gif, fm.gif, fr.gif 改為適當color 的 graphics
[上述是圍住 table的四邊的 graphics]
另外將 bg.jpg 亦改為改為適當color

Step 13
將 header.htm 內的 #a81616 改為適當color (我選#323232)

Step 14
將 header.htm, 及以上改了的 graphics upload 上 server適當位置

Step 15
進入系統設置 > [log-in] > 論壇管理 [screen 上面] > 界面風格[screen 左邊] 內的界面風格, click space 的詳情
將不適合的color 作適當修改

Step 16
將 forum.gif, red_forum.gif, forumlink.gif, birthday.gif, online.gif 改為適當graphics

Step 17
將 footer.htm 內的下列文字改為你的資料, upload 上適當位置
<a href="http://www.apple123.net" target="_blank">Designed by apple123.net</a>

Step 18
Upload 所有改動了的graphics 上適當位置

Step 19
最後進入系統設置 > [log-in] > 論壇管理 [screen 上面] > 界面風格[screen 左邊] 內的界面風格, click space 的下載,
將 txt file 放在 space folder 內.
[此舉為未來在其他 discuz forum 可以以此來導入]

將templates folder, images folder, 及 discuz_style_space.txt 包裝(zip)好, 可以 release 了.

大功告成 !!!