编辑“JspRun!模板制作风格篇”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[JspRun!|上一页]]</span>
<div style="clear:both;"></div>

==风格变量说明==
以下内容后面的说明，是对界面风格详情里的内容所涉及区域的详细叙述。

*[[论坛]][[logo]] {BOARDIMG},{BOARDLOGO}:

如官方左上角的社区动力JspRun!默认为：logo.gif

*界面图片目录 {IMGDIR}:（照填）

风格的图片文件夹

后面的default为图片文件夹名，如上面的logo要更换，

将图片上传至此文件夹内，譬如图片名称为：jsprun.gif，将此名替换上面的logo.gif

'''文字及颜色设置'''

*正常字体设置 {FONT}:——小号字号设置 {SMFONTSIZE}:

复制默认风格的内容对应输入。

*内表格中超级链接文字颜色 {LINK}:

登录用户名，版块名称，标题、作者，友情连接站点，在线会员，主题列表标题，页数，作者，时间，几乎所有可以点击进入或新窗口打开的字体颜色

*高亮链接颜色 {HIGHLIGHTLINK}:

状态模式，查看新帖，标记已读，版块今日帖数，版主名称颜色，主题列表页下方的管理操作选项

*内表头文字颜色 {HEADERTEXT}:

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

（右上角今日、昨日等，版块简介，主题帖数，时间，帖子内容页个人信息的威望、精华等，个人签名文字颜色，几乎所有不能点击进入或新窗口打开的字体颜色）

*浅色文字颜色 {LIGHTTEXT}:

（左下方页面执行时间，主题页主题总数，最后发表作者）

'''表格与背景颜色设置'''

*外表格宽度 {MAINTABLEWIDTH}:

（默认为98%，这种方式将自动适应分辨率、宽屏，如设置为980PX，将固定宽度，无论是否宽屏，界面都将受此宽度限制，适合大图LOGO）

*主表格边缘空隙 {TABLESPACE}:

区版与边框线之间的间隔

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

（版块与版块之间的横线颜色，友情连接站点、在线用户组背景色，主题列表标题之间的横线及快速发新话题、操作管理选项、帖子内容及发新帖界面的背景色）

*主表格边框宽度 {BORDERWIDTH}:

（区版外边框、友情连接、在线会员，主题列表、子版块、快速发新话题，即每一个区域外边框的厚度）

*主表格外边框颜色 {BORDERCOLOR}:

（如上，每一个区域的外边框颜色，但不包括友情连接、在线会员，及快速发新话题边框）

*页面背景 {BGCOLOR},{BGCODE}:

（排除掉区域内，其它所有的背景色，换成背景图片，与logo相同）

*内表头背景颜色 {HEADERCOLOR},{HEADERBGCODE}:

（前面的颜色代码，为页面内表头没打开的背景颜色；后面的图片名称，如JspRun! 咖啡水吧的背景图片，蓝色背景条）

*栏目背景颜色 {CATCOLOR},{CATBGCODE}:

（前面的颜色代码，首页登录、主题列表页的版块主题（即固顶帖与普通帖之间）、操作管理选项的背景色；后面的图片名称，首页及主题列表页的版块、主题、帖数、最后发表的背景）

*栏目边框色 {CATBORDER}:

（顶部菜单栏、标签、友情连接、在线会员，主题列表页的本版规则、页数、快速发表话题、发表新帖功能的边框颜色）

*聚合版块背景颜色 {PORTALBOXBGCODE}:

（标签、本版规则及所有下拉菜单的背景色；后面的图片为标签规则下拉菜单顶部，友情连接、在线会员，快速发表话题、正在浏览此版块会员的背景图）

*内表格背景配色 1 {ALTBG1}:

（首页版块、尾部有无新帖，主题列表标题及有无新回复的背景颜色）

*内表格背景配色 2 {ALTBG2}:

（尾部版权，主题页精华、投票等，及内容页个人信息背景色）

*内表格边框色 {BGBORDER}:

（有无新帖边框色，版块、主题之间的横线，页数背景及管理选项边框色）

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

*提示信息边框颜色 {NOTICEBORDER}: （忽略）

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

（发表帖子、页数数字、个人信息的用户组名称、搜索的颜色）

*通用显示区域边框颜色 {COMMONBOXBORDER}:

（友情连接与详细内容、在线会员与用户组图标、下拉菜单内容之间的横线，以及表情的边框线）

*通用显示区域背景颜色 {COMMONBOXBG}:

（主题页数、最近访问版块，及帖内上一主题下一主题的背景色）

*版块间距 {BOXSPACE}: （照填）

*输入框边框颜色 {INPUTBORDER}:

（快速回复的标题、内容框，及新帖的附件浏览边框色）

*顶部菜单栏背景 {HEADERMENU},{HEADERMENUBGCODE}:

（前面的颜色代码为菜单栏下方边框色，后面的图片即短消息等的背景图）

*顶部菜单栏文字颜色 {HEADERMENUTEXT}:

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

*左右分栏导航栏背景色 {FRAMEBGCOLOR}:

（开启分栏后的背景图）

==风格配色及图片更换设置==

如果你明白了以上的内容说明，那么制作一个简单的风格就容易了。以创始人帐号登录[[论坛]]，进入后台，版块，界面风格，新增:随便输入文字（将作为现在所制作的风格名称），提交。默认风格的详情，右键，新窗口打开（方便配色方案对照进行修改），再在原窗口点击刚才输入风格名称的详情，进入风格配色界面。

*更改颜色：

在编辑界面方案页面，点击颜色选择器，进行配色，该颜色选择器下面的代码都将随着界面不同颜色而改变，确定了要使用的颜色代码，在对应的内容框中进行更换譬如原页面背景为#FFF，你获取的代码为FF0000，那么就更改为#FF0000，提交之后，再点击更新[[CSS]]缓存按钮,刷新论坛首页就可以看到改变的效果了，其它的你就可以照样更改为自己喜欢的颜色了）

*更换图片：

下载images里面的default图片文件夹至本机，然后将你做好或其它的图片以同样名称覆盖，再将文件夹更改为其它名称，如：jsprun然后上传到论坛文件夹images里面，然后将你所制作的风格 界面图片目录 {IMGDIR}:images/jsprun（后面文件名填写你上传的图片文件名）提交之后，再点击更新CSS缓存按钮，一个风格就这样诞生了。

我们通过首页面，右下角界面风格，选择你制作的风格。


[[Category:JspRun!|J]]