轉自  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 了.
 
 
大功告成 !!!

on0216 發表在 痞客邦 PIXNET 留言(0) 人氣()