轉自  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 的頭像
on0216

█ █ 爆肝筆記本 █ █

on0216 發表在 痞客邦 留言(0) 人氣(3,128)