雷傲極酷超級論壇 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