雷傲極酷超級論壇 LeoBBS X 說明文檔
.
| 特別聲明： 本論壇為共享軟件(shareware)，僅提升供給個人網站免費使用，請勿非法修改、轉載、散播、或用於其他圖利行為，並請勿刪除或修改任何版權標示和圖標！ 一切商業網站和收費網站必須經過註冊以後才可以繼續使用本論壇，註冊後可獲得完善的售後服務和升級服務，具體註冊相關事項請看：商業版註冊說明 或聯絡 http://www.leobbs.com/ 。 如果您的網頁中新增有 3721 和百度的瀏覽器控件下載的話，那麼請勿使用本論壇，謝謝合作！ 當您的網站使用本論壇後，您論壇內容中所涉及的一切法律責任均與雷傲科技無關。 論壇外觀檔案結構說明： 1. 以雷傲原始外觀為例，外觀檔案分為： 配色檔案 leobbs.cgi （在cgi-bin/data/skin中） 模版檔案 leobbs.cgi （在cgi-bin/data/template中） 論壇頂部及導航欄樣式檔案 leobbs.pl （在cgi-bin/myskin中） 外觀圖片檔案 leobbs（檔案夾） （在non-cgi/images中） （#注意：因為配色檔案 leobbs.cgi中，$skin="leobbs"，所以其他兩個檔案和圖片檔案夾的名字均為leobbs） 2. 以春之舞外觀為例，外觀檔案分為： 配色檔案 春之舞.cgi （在cgi-bin/data/skin中） 模版檔案 czw.cgi （在cgi-bin/data/template中） 論壇頂部及導航欄樣式檔案 czw.pl （在cgi-bin/myskin中） 外觀圖片檔案 czw（檔案夾） （在non-cgi/images中） （#注意：因為配色檔案春之舞.cgi中，$skin="czw"，所以其他兩個檔案和圖片檔案夾的名字均為czw） 論壇配色檔案說明： 下面是論壇所使用的色彩變數控制碼的簡單介紹：
控制碼： `論壇頁首選單 選單群字體顏色 $menufontcolor 選單群背景顏色 $menubackground 選單群背景圖片 $menubackpic 選單群邊界顏色 $titleborder 字體外觀和顏色 "最後發文者"字體顏色 $lastpostfontcolor "強調區"字體顏色 $fonthighlight 一般會員名稱字體顏色 $posternamecolor 一般會員名稱上的光暈顏色 $memglow 壇主名稱字體顏色 $adminnamecolor 壇主名稱上的光暈顏色 $adminglow 總版主名稱字體顏色 $smonamecolor 總版主名稱上的光暈顏色 $smoglow 分類區版主名稱字體顏色 $cmonamecolor 分類區版主名稱上的光暈顏色 $cmoglow 版主名稱字體顏色 $teamnamecolor 版主名稱上的光暈顏色 $teamglow 副版主名稱字體顏色 $amonamecolor 副版主名稱上的光暈顏色 $amoglow 認證會員名稱字體顏色 $rznamecolor 認證會員名稱上的光暈顏色 $rzglow 過濾和禁言會員名稱上的光暈顏色 $banglow 所有網頁顏色 主字體顏色一 $fontcolormisc 主字體顏色二 $fontcolormisc2 其他背景顏色一 $miscbackone 其他背景顏色二 $miscbacktwo 表格顏色 分類帶背景顏色 $catback 標題欄背景圖片 $catbackpic 分類帶背景圖片 $catsbackpicinfo 分類帶字體顏色 $catfontcolor 所有表格邊界顏色 $tablebordercolor 所有表格寬度 $tablewidth 導航欄顏色 導航欄邊線顏色 $navborder 導航欄背景顏色 $navbackground 導航欄字體顏色 $navfontcolor 標題顏色 論壇/主題的標題欄背景顏色 $titlecolor 論壇/主題的標題欄字體顏色 $titlefontcolor 論壇內容顏色 內容顏色一 $forumcolorone 內容顏色二 $forumcolortwo 內容字體顏色 $forumfontcolor 回覆文章顏色 回覆顏色一 $postcolorone 回覆顏色二 $postcolortwo 回覆字體顏色一 $postfontcolorone 回覆字體顏色二 $postfontcolortwo`
下面是舉例LB原始風格的配色檔案內容：
控制碼： `$adminglow = '#9898BA'; $adminnamecolor = '#990000'; $amoglow = 'pink'; $amonamecolor = '#8b008b'; $banglow = '#EE111'; $catback = '#73A2DE'; $catbackpic = 'bg.gif'; $catfontcolor = '#FFFFFF'; $catsbackpicinfo = 'bg.gif'; $cmoglow = '#5577AA'; $cmonamecolor = '#F76809'; $cssmaker = "雷傲科技"; $cssname = "LeoBBS"; $cssurl = "http://www.leobbs.com/"; $fontcolormisc = '#000000'; $fontcolormisc2 = '#000000'; $fonthighlight = '#990000'; $forumcolorone = '#F3F6FA'; $forumcolortwo = '#FFFFFF'; $forumfontcolor = '#000000'; $lastpostfontcolor = '#000000'; $lbbody = "bgcolor=#ffffff alink=#333333 vlink=#333333 link=#333333 topmargin=0 leftmargin=0"; $memglow = '#9898BA'; $menubackground = '#F3F6FA'; $menubackground1 = '#F3F6FA'; $menubackpic = 'cdbg.gif'; $menufontcolor = '#000000'; $miscbackone = '#FFFFFF'; $miscbacktwo = '#F3F6FA'; $navbackground = '#F7F7F7'; $navborder = '#E6E6E6'; $navfontcolor = '#4D76B3'; $postcolorone = '#F3F6FA'; $postcolortwo = '#FFFFFF'; $posternamecolor = '#000066'; $posternamefont = '新細明體'; $postfontcolorone = '#000000'; $postfontcolortwo = '#000000'; $rzglow = '#778877'; $rznamecolor = '#55AA66'; $skin = "leobbs"; $smoglow = '#9898BA'; $smonamecolor = '#990000'; $tablebordercolor = '#4D76B3'; $tablewidth = '97%'; $teamglow = '#cccccc'; $teamnamecolor = '#0000ff'; $titleborder = '#4D76B3'; $titlecolor = '#73A2DE'; $titlefontcolor = '#ffffff'; 1;`
論壇模板檔案說明：
就拿最基本的摸版leobbs風格摸版來說
控制碼： `<html> <head> <title>$page_title</title> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <meta name=keywords content="雷傲,論壇,異靈,cgi,leobbs,leoboard,LB5000,bbs,leo,perl,lb,lbplus"> $coolmeta <script language="javascript" type="text/javascript" SRC="$imagesurl/board.js"></SCRIPT> $coolclick <!--end Java--> <!--css info(editable)--> <style> A:visited{TEXT-DECORATION: none} A:active{TEXT-DECORATION: none} A:hover{TEXT-DECORATION: underline overline} A:link{text-decoration: none;} .t{LINE-HEIGHT: 1.4} BODY{FONT-FAMILY: 新細明體; FONT-SIZE: 9pt;} caption,TD,DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 新細明體; FONT-SIZE: 9pt} INPUT{FONT-SIZE: 9pt;} textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 新細明體; font-size: 9pt; font-style: bold;} </style> <!--end css info--> </head> <link href="$imagesurl/leobbs.ico" rel="SHORTCUT ICON"> <body $lbbody> <div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)"></div> <SCRIPT> <!-- function valigntop(){} function valignend(){} --> </SCRIPT> $lbboard_main </body> </html>`
其中： A:hover{TEXT-DECORATION: underline overline} 是關於鼠標的修改 （underline overline的意思就是下劃線和上劃線，就是當鼠標移動到超連結上的時候的樣子） 舉個例子： MacOS外觀的鼠標設定是當指向超連結的時候為十字形~並有虛下劃線和凹進去的樣子，控制碼為： A:hover { LEFT: 1px; POSITION: relative; TOP: 1px; CURSOR: crosshair;BORDER-BOTTOM: #808080 1px dotted A:hover ;} 更多特效可以在網上搜集 最重要的就是這個部分 <SCRIPT> <!-- function valigntop(){} function valignend(){} --> </SCRIPT> 為論壇所有表格的上美化邊框和下美化邊框的JS使用控制碼， 因為leobbs風格裡沒有這兩部分美化邊框，所以控制碼是空的。 如果有上下美化圖片 就用Macos蘋果風格為例子 <SCRIPT> <!-- function valigntitle(){ document.write("<table width=95% border=0 cellpadding=0 cellspacing=0 align=center>") } function valigntop(){ document.write("<SCRIPT>valigntitle()</SCRIPT><tr><td><img src=$imagesurl/macos/top_1.gif></td><td background=$imagesurl/macos/top_2.gif width=100% align=center></td><td><img src=$imagesurl/macos/top_3.gif></td></tr></table>") } function valignend(){ document.write("<SCRIPT>valigntitle()</SCRIPT><tr><td><img src=$imagesurl/macos/end_1.gif></td><td background=$imagesurl/macos/end_2.gif width=100% align=center></td><td><img src=$imagesurl/macos/end_3.gif></td></tr></table>") } --> </SCRIPT> 所以大家做外觀的時候如果有上下美化邊框的話，只需要按照這個圖片名字然後設定自己要設定的路徑就可以了， 具體更多方法可以通過了解鎖相關HTML控制碼來學習。 需要注意的是，與論壇其他檔案不同，在模版檔案中，$imagesurl指代non-cgi/images 最後 lbboard_main 就是指代論壇的主體部分了， 你可以在這裡的上方和下方加入論壇頂部和底部的圖片。 所以如果你想在論壇的頂部增加圖片的話，只要不涉及到頂部導航欄，直接加在這個控制碼的上面就可以。 如果涉及頂部選單欄樣式，則需要在頂部樣式檔案中修改。 以Macos蘋果風格為例子 就可以在這個上面加入，就是頂部圖片了。
控制碼： `<table width=95% border="0" cellspacing="0" cellpadding="0" align="center"><tr><td width=131><img src=$imagesurl/macos/toplogo.jpg></td><td background=$imagesurl/macos/toplogobg.jpg width=100%></td><td width=131><img src=$imagesurl/macos/toplogo2.jpg></td></tr></table> <table width=95% border="0" cellspacing="0" cellpadding="0" align="center"><tr><td width=131><img src=$imagesurl/macos/1.gif></td><td background=$imagesurl/macos/2.gif width=100%></td><td width=131><img src=$imagesurl/macos/3.gif></td></tr></table>`
或者加入到cgi-bin/myskin下的相對應的外觀的頂部pl檔案裡也一樣,但需要加輸出，格式為$output .= qq~你要編輯的在網頁上顯示出來的內容~; 下面是搜集來的CCS常用控制碼介紹： A:link,A:active,A:visited{ TEXT-DECORATION:none ; Color:#000000 } A:hover{ TEXT-DECORATION: underline; Color:#4455aa } 上面這指的是鼠標在對連結文字進行操作、操作後和操作時所產生的效果 A屬性 link：文字連結的預設顏色、效果等 active：按時產生的效果 visited：按後的效果 hover：鼠標懸停在連結上時所產生的效果 Decoration屬性 none：無效果 underline：下劃線效果 大家可以根據這兩種常用屬性來配出喜歡的連結文字效果。 BODY{ FONT-SIZE: 11.5px; COLOR: #000000; FONT-FAMILY: Verdana,新細明體; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body：指HTML內<body>標籤的屬性 font-size：字體大小，單位分為px（象素）和pt（磅），一般我們常用的是象素尺寸為12px或者11.5px，磅的大小為9pt或者8pt，兩種單位最終顯示的大小都是一樣的，用哪種單位就看個人習慣了。 color：預設情況下是字體顏色，顏色大家可以使用RGB顏色，也可以使用16位顏色控制碼。推薦使用16位顏色控制碼。 FONT-FAMILY：字體樣式，大家會經常看到在font-family設定裡一下出現3種字體（例：FONT-FAMILY: Verdana,Tahoma,新細明體），一般前兩種為英文字體，最後的是中文字體。英文字體設定兩種是為了防止如果客戶端沒有第一種字體，馬上使用第二組英文字體。大多數情況下，中文作業系統中都會支援新細明體，所以我們也就不必要再設定第二種中文字體了。 scrollbar：指滾動條 scrollbar-face-color：表面顏色 scrollbar-highlight-color：高亮區顏色 scrollbar-shadow-color：陰影顏色 scrollbar-3dlight-color：3D顏色 scrollbar-arrow-color：箭頭顏色 scrollbar-track-color：軌道顏色（滾動條底色） scrollbar-darkshadow-color：深陰影顏色 IE5.5以後的版本都會支援這種自定義滾動條的效果。
論壇頂部樣式檔案說明： 關於頂部檔案的概述 在cgi-bin/myskin下的pl檔案 為這個外觀所對應的頂部檔案 是專門為適應特殊頂部頁眉而分離出來的檔案 如果你要做特殊樣式的論壇頂部樣式 就需要在這裡進行編輯了 裡面一共有三個變數組成 $daohang 導航欄內容 $yemei 頂部頁眉內容 $firstout 設定顯示順序，如果先顯示頁眉內容的話，這個變數值為 "yemei"，如果先顯示導航欄的話，這個變數值為 "daohang" 但注意需要顯示在網頁上的內容，必須按照這個格式加輸出命令 $yemei = qq~你要編輯的在網頁上顯示出來的頁眉內容HTML網頁控制碼~; $daohang = qq~你要編輯的在網頁上顯示出來的導航欄內容HTML網頁控制碼~; 需要你了解鎖大量HTML編程，具體可以參考我已經發佈的那些特殊樣式的外觀的頂部檔案，也可以在原有基礎上修改。 基本的小知識是 ┌──────┐ └──────┘ 上面的就是 <tr> </tr> 而 ┌──┬──┐ └──┴──┘ 就是 <tr> <td> </td> </tr> 更多的可以在很多網頁教程裡看到，而且意思也比較容易看明白，也可以參照已經發佈的外觀去修改。 論壇的其他說明文檔聯接： 論壇屬性設定完整說明 論壇資料轉換說明 論壇會員數據庫結構和修改方法 論壇功能名單 LeoBBBS X 論壇外觀製作說明 製作 BitTorrent 下載區的說明 論壇安全手冊 LeoBBBS X 論壇商業版註冊說明 LeoBBBS X 論壇虛擬主機選購說明 開發團隊技術演示及支援論壇： 雷傲極酷超級論壇 LeoBBS X Develop Team |
版權所有：雷傲科技 & 雷傲極酷超級論壇Copyright 2003-2004