7.0风格制作基础教程

在不涉及风格文件的情况下，7.0的风格非常之简单，仅配色即可制作自己喜欢的风格，相当之方便。
本帖将介绍一下后台风格界面的配色，因为这两天才升级并不太熟悉，在说明上可能有错误之处，请见谅！

建立新风格：
1、进入后台，界面，最下面新增一个风格名称，提交。
2、点击此新增风格的编辑，拉到最下边点击切换到高级模式。

下面对界面风案进行叙述说明（制作时可对照默认界面风格进行配色）

背景
页头背景 {HEADERBGCOLOR},{HEADERBGCODE}:

LOGO的背景色
输入 16 进制颜色，如果下方添加了图片背景，此颜色将无效


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

上图可以看出，这里有两个不同的区域，
输入 16 进制颜色，输入背景图片地址，一般而言，只输入颜色代码。


侧边背景图 {SIDEBGCOLOR},{SIDEBGCODE}:

即边栏背景，背景图片地址才有效


页头/页脚

页头分割线高度 {HEADERBORDER}:
论坛、产品、网页游戏下方的横线高度


页头分割线颜色 {HEADERBORDERCOLOR}:
图片深蓝色背景周围的边框线颜色

页头文字颜色 {HEADERTEXT}:
我的帖子、空间、短消息

页脚文字颜色 {FOOTERTEXT}:
界面下方Powered by 、联系我们、论坛统计

文字
复制默认的粘贴就行了

链接
自己随便改一下看效果

主体表格
主体表格宽度 {WRAPWIDTH}:
论坛整体的界面宽度，如98%或者980PX（固定值）

主体表格背景色 {WRAPBG}:
上面提到的背景部分之外的所有区域背景色


主体表格边框宽度 {WRAPBORDER}:
主体表格边框色 {WRAPBORDERCOLOR}:

背景与版块之间的边框线宽度及其颜色（即蓝白之间）


帖子内容
阅读区域宽度 {CONTENTWIDTH}:
帖子内容的宽度，超过此宽度交换行

帖子间隔颜色 {CONTENTSEPARATE}:
左侧主题管理、楼层之间间隔的背景色

菜单
菜单边框色 {MENUBORDER}:
产品、网页游戏、搜索、导航的边框颜色

菜单背景颜色 {MENUBGCOLOR},{MENUBGCODE}:
产品、网页游戏、搜索、导航的背景色

菜单文字颜色 {MENUTEXT}:
产品、网页游戏、搜索、导航的文字颜色

菜单高亮背景 {MENUHOVER}:
鼠标指向产品部分显示的背景色，默认的论坛背景色

菜单高亮文字颜色 {MENUHOVERTEXT}:
鼠标指向产品部分显示的文字颜色

输入框
输入框边框浅色 {INPUTBORDER}:
顾名思义，可输入内容的边框颜色，为右侧及下方边框颜色

输入框边框深色 {INPUTBORDERDARKCOLOR}:
为左侧及上方边框颜色

输入框背景色 {INPUTBG}:
。。。。。。

下拉菜单
下拉菜单边框色 {DROPMENUBORDER}:
鼠标指向后有弹出下拉选项的边框颜色

下拉菜单背景色 {DROPMENUBGCOLOR},{DROPMENUBGCODE}:
。。。。。。

浮动窗口
弹出窗口背景色 {FLOATBGCOLOR},{FLOATBGCODE}:
。。。。。。


弹出窗口边框颜色 {FLOATMASKBGCOLOR},{FLOATMASKBGCODE}:

浅蓝色边框颜色


其他
通用边框颜色 {COMMONBORDER}:
区版块上面的实线及下面的虚线，主题列表页帖子之间的间隔线（几乎包括所有的横线颜色）


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

图标的背景色


彩色区域边框 {SPECIALBORDER}:
试了半天，本帖隐藏的内容需要回复才可以浏览的边框线，晕倒~

彩色区域背景色（用户信息栏、表头） {SPECIALBG}:
内空页左侧个人信息、回复图片的背景、楼层之间的间隔以及主题页作者和最后发表的背景色

隔行换色背景 {INTERLEAVECOLOR}:
不知是什么东东。。。。。。

提示信息颜色 {NOTICETEXT}:
今日帖数、内容页头衔文字颜色

辛苦了
沙发支持

支持一下，并祝回到领导岗位！！

支持一下，并祝回到领导岗位！！
sonocc 发表于 2009-2-17 11:38

支持!

很实用！


http://www.ptbbs.cn

谢谢。正在考虑要不要升级到7

支持！支持！强烈支持！

详细的教程，谢谢分享

学习了,,,,,

楼主辛苦了!