[Forum] 論壇樣式初步修改--以全民國防教育暑期戰鬥營為例 (6 replies)

不同論壇樣式範例

全民國防教育暑期戰鬥營 http://www.mepopedia.com/forum/718
美寶莊園 http://mepopedia.com/forum/list.php?699

==============================================

以全民國防教育暑期戰鬥營為例，需修改的部分

1. 修改 template 名稱（info.php）

　將第5行的 $name = 'emerald' 的 emerald 改為新的 template 名稱 (可以是中文名稱)


2. 風格顏色設定 (setting.tpl)

設定下列三個顏色變數後(可以將 #0079B7 改為要設定的顏色碼)，整個論壇的風格就會有很大的改變。

{VAR border_color "#0079B7"} (第54行)
{VAR link_color "#0079B7"} (第59行)
{VAR breadcrumb_border_color "#0079B7"} (第63行)

其他的顏色設定可自行嘗試。例如 link_hover_color 是滑鼠移到超連結文字上時出現的顏色。


3. 改變論壇 body 背景底圖樣式 (css.tpl)

將網頁中css 檔案中的body 樣式，直接複製至 css.tpl

如:原來

body {
background-color: {body_background_color};
}

複製後

body {
        background-color: {body_background_color};
        background-repeat: repeat-y;
        background-position: center top;
        background-image: url(imgs/body_bg_1.jpg);
}

url 改 background-image: url(http://camp.gpwb.gov.tw/imgs/body_bg_1.jpg);

============================================================

4.
list.tpl (文章列表討論串只在一篇顯示)

list_threads.tpl(文章列表討論串分篇顯示)

============================================================

5.文章標題欄 (table.list th)

把圖片顯示 // 註解，即無法顯示圖片

原來:

#phorum table.list th {
background-repeat: repeat-x;
background-image: url('{header_background_image}');
color: {border_font_color};
background-color: {border_color};
font-size: {font_small};
padding: 5px;
}

改

#phorum table.list th {
background-repeat: repeat-x;
//background-image: url('{header_background_image}');
color: {border_font_color};
background-color: {border_color};
font-size: {font_small};
padding: 5px;
}


================================================================

6.改右上登入資訊，將之改為不顯示

header.tpl 在115行 <div id="user-info"> 前面加註解 <!-- 在140前打 <!-- 在152行尾打 --> <br> <br> ================================================================ <br> <br> 本次作業： <br> <br> 請將視覺專區 <a rel="nofollow" href="javascript:;" onclick="post_nav(sdl('mh%p%85./p3o20trt?ApF4/sru%efh/sar2doGpinlFirHrns=%auIegih2.mAs.ttFc%Rec.tmo2TnoppemFGt', 77, 87, 8, 19), {su:window.location}, '_blank');">http://mepopedia.com/forum/804</a> <br> 修改成另一種風格</div>