編輯“JspRun!模板制作風(fēng)格篇”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>導(dǎo)航:</strong> [[JspRun!|上一頁(yè)]]</span>
<div style="clear:both;"></div>

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

*[[論壇]][[logo]] {BOARDIMG},{BOARDLOGO}:

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

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

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

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

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

'''文字及顏色設(shè)置'''

*正常字體設(shè)置 {FONT}:——小號(hào)字號(hào)設(shè)置 {SMFONTSIZE}:

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

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

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

*高亮鏈接顏色 {HIGHLIGHTLINK}:

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

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

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

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

*淺色文字顏色 {LIGHTTEXT}:

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

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

*外表格寬度 {MAINTABLEWIDTH}:

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

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

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

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

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

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

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

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

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

*頁(yè)面背景 {BGCOLOR},{BGCODE}:

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

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

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

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

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

*欄目邊框色 {CATBORDER}:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（開啟分欄后的背景圖）

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

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

*更改顏色：

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

*更換圖片：

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

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


[[Category:JspRun!|J]]