JspRun!模板制作風(fēng)格篇

導(dǎo)航: 上一頁

風(fēng)格變量說明

以下內(nèi)容后面的說明，是對界面風(fēng)格詳情里的內(nèi)容所涉及區(qū)域的詳細(xì)敘述。

• 論壇logo {BOARDIMG},{BOARDLOGO}:

如官方左上角的社區(qū)動力JspRun!默認(rèn)為：logo.gif

• 界面圖片目錄 {IMGDIR}:（照填）

風(fēng)格的圖片文件夾

后面的default為圖片文件夾名，如上面的logo要更換，

將圖片上傳至此文件夾內(nèi)，譬如圖片名稱為：jsprun.gif，將此名替換上面的logo.gif

文字及顏色設(shè)置

• 正常字體設(shè)置 {FONT}:——小號字號設(shè)置 {SMFONTSIZE}:

復(fù)制默認(rèn)風(fēng)格的內(nèi)容對應(yīng)輸入。

• 內(nèi)表格中超級鏈接文字顏色 {LINK}:

登錄用戶名，版塊名稱，標(biāo)題、作者，友情連接站點(diǎn)，在線會員，主題列表標(biāo)題，頁數(shù)，作者，時間，幾乎所有可以點(diǎn)擊進(jìn)入或新窗口打開的字體顏色

• 高亮鏈接顏色 {HIGHLIGHTLINK}:

狀態(tài)模式，查看新帖，標(biāo)記已讀，版塊今日帖數(shù)，版主名稱顏色，主題列表頁下方的管理操作選項(xiàng)

• 內(nèi)表頭文字顏色 {HEADERTEXT}:

• 外表格中 (表格除外) 文字顏色 {TEXT}:

（右上角今日、昨日等，版塊簡介，主題帖數(shù)，時間，帖子內(nèi)容頁個人信息的威望、精華等，個人簽名文字顏色，幾乎所有不能點(diǎn)擊進(jìn)入或新窗口打開的字體顏色）

• 淺色文字顏色 {LIGHTTEXT}:

（左下方頁面執(zhí)行時間，主題頁主題總數(shù)，最后發(fā)表作者）

表格與背景顏色設(shè)置

• 外表格寬度 {MAINTABLEWIDTH}:

（默認(rèn)為98%，這種方式將自動適應(yīng)分辨率、寬屏，如設(shè)置為980PX，將固定寬度，無論是否寬屏，界面都將受此寬度限制，適合大圖LOGO）

• 主表格邊緣空隙 {TABLESPACE}:

區(qū)版與邊框線之間的間隔

• 主表格背景顏色 {TABLEBG}:

（版塊與版塊之間的橫線顏色，友情連接站點(diǎn)、在線用戶組背景色，主題列表標(biāo)題之間的橫線及快速發(fā)新話題、操作管理選項(xiàng)、帖子內(nèi)容及發(fā)新帖界面的背景色）

• 主表格邊框?qū)挾?{BORDERWIDTH}:

（區(qū)版外邊框、友情連接、在線會員，主題列表、子版塊、快速發(fā)新話題，即每一個區(qū)域外邊框的厚度）

• 主表格外邊框顏色 {BORDERCOLOR}:

（如上，每一個區(qū)域的外邊框顏色，但不包括友情連接、在線會員，及快速發(fā)新話題邊框）

• 頁面背景 {BGCOLOR},{BGCODE}:

（排除掉區(qū)域內(nèi)，其它所有的背景色，換成背景圖片，與logo相同）

• 內(nèi)表頭背景顏色 {HEADERCOLOR},{HEADERBGCODE}:

（前面的顏色代碼，為頁面內(nèi)表頭沒打開的背景顏色；后面的圖片名稱，如JspRun! 咖啡水吧的背景圖片，藍(lán)色背景條）

• 欄目背景顏色 {CATCOLOR},{CATBGCODE}:

（前面的顏色代碼，首頁登錄、主題列表頁的版塊主題（即固頂帖與普通帖之間）、操作管理選項(xiàng)的背景色；后面的圖片名稱，首頁及主題列表頁的版塊、主題、帖數(shù)、最后發(fā)表的背景）

• 欄目邊框色 {CATBORDER}:

（頂部菜單欄、標(biāo)簽、友情連接、在線會員，主題列表頁的本版規(guī)則、頁數(shù)、快速發(fā)表話題、發(fā)表新帖功能的邊框顏色）

• 聚合版塊背景顏色 {PORTALBOXBGCODE}:

（標(biāo)簽、本版規(guī)則及所有下拉菜單的背景色；后面的圖片為標(biāo)簽規(guī)則下拉菜單頂部，友情連接、在線會員，快速發(fā)表話題、正在瀏覽此版塊會員的背景圖）

• 內(nèi)表格背景配色 1 {ALTBG1}:

（首頁版塊、尾部有無新帖，主題列表標(biāo)題及有無新回復(fù)的背景顏色）

• 內(nèi)表格背景配色 2 {ALTBG2}:

（尾部版權(quán)，主題頁精華、投票等，及內(nèi)容頁個人信息背景色）

• 內(nèi)表格邊框色 {BGBORDER}:

（有無新帖邊框色，版塊、主題之間的橫線，頁數(shù)背景及管理選項(xiàng)邊框色）

• 提示信息背景顏色 {NOTICEBG}: （忽略，可不填）

• 提示信息邊框顏色 {NOTICEBORDER}: （忽略）

• 提示信息文字顏色 {NOTICETEXT}:

（發(fā)表帖子、頁數(shù)數(shù)字、個人信息的用戶組名稱、搜索的顏色）

• 通用顯示區(qū)域邊框顏色 {COMMONBOXBORDER}:

（友情連接與詳細(xì)內(nèi)容、在線會員與用戶組圖標(biāo)、下拉菜單內(nèi)容之間的橫線，以及表情的邊框線）

• 通用顯示區(qū)域背景顏色 {COMMONBOXBG}:

（主題頁數(shù)、最近訪問版塊，及帖內(nèi)上一主題下一主題的背景色）

• 版塊間距 {BOXSPACE}: （照填）

• 輸入框邊框顏色 {INPUTBORDER}:

（快速回復(fù)的標(biāo)題、內(nèi)容框，及新帖的附件瀏覽邊框色）

• 頂部菜單欄背景 {HEADERMENU},{HEADERMENUBGCODE}:

（前面的顏色代碼為菜單欄下方邊框色，后面的圖片即短消息等的背景圖）

• 頂部菜單欄文字顏色 {HEADERMENUTEXT}:

（即短消息等的文字顏色）

• 左右分欄導(dǎo)航欄背景色 {FRAMEBGCOLOR}:

（開啟分欄后的背景圖）

風(fēng)格配色及圖片更換設(shè)置

如果你明白了以上的內(nèi)容說明，那么制作一個簡單的風(fēng)格就容易了。以創(chuàng)始人帳號登錄論壇，進(jìn)入后臺，版塊，界面風(fēng)格，新增:隨便輸入文字（將作為現(xiàn)在所制作的風(fēng)格名稱），提交。默認(rèn)風(fēng)格的詳情，右鍵，新窗口打開（方便配色方案對照進(jìn)行修改），再在原窗口點(diǎn)擊剛才輸入風(fēng)格名稱的詳情，進(jìn)入風(fēng)格配色界面。

• 更改顏色：

在編輯界面方案頁面，點(diǎn)擊顏色選擇器，進(jìn)行配色，該顏色選擇器下面的代碼都將隨著界面不同顏色而改變，確定了要使用的顏色代碼，在對應(yīng)的內(nèi)容框中進(jìn)行更換譬如原頁面背景為#FFF，你獲取的代碼為FF0000，那么就更改為#FF0000，提交之后，再點(diǎn)擊更新CSS緩存按鈕,刷新論壇首頁就可以看到改變的效果了，其它的你就可以照樣更改為自己喜歡的顏色了）

• 更換圖片：

下載images里面的default圖片文件夾至本機(jī)，然后將你做好或其它的圖片以同樣名稱覆蓋，再將文件夾更改為其它名稱，如：jsprun然后上傳到論壇文件夾images里面，然后將你所制作的風(fēng)格 界面圖片目錄 {IMGDIR}:images/jsprun（后面文件名填寫你上傳的圖片文件名）提交之后，再點(diǎn)擊更新CSS緩存按鈕，一個風(fēng)格就這樣誕生了。

我們通過首頁面，右下角界面風(fēng)格，選擇你制作的風(fēng)格。