[P][B]LeadBBS风格编写说明,最详细,基本不漏[/B][/P][P][TABLE=transparent,0,0,100%,left,transparent,0,none][TR][TD][P][SIZE=14px][P]BODY{BACKGROUND-COLOR:#FFFFFF;font-size:9pt;COLOR:black;FONT-FAMILY:"宋体";background-image:url(/images/skin/10/bg.gif);SCROLLBAR-FACE-COLOR:#15303F;SCROLLBAR-SHADOW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#1D4357;SCROLLBAR-ARROW-COLOR:black;SCROLLBAR-DARKSHADOW-COLOR:black;SCROLLBAR-BASE-COLOR:#245268;background-positin:center;}
整个窗体的定义:
background-color----整个窗体的背景颜色
font-size 文字的大小
color 文字的颜色
font-family 字体设置
background-image:url(/images/skin/10/bg.gif) 窗体背景图案
SCROLLBAR-FACE-COLOR 浏览器滚动条的背部颜色,
SCROLLBAR-SHADOW-COLOR 浏览器滚动条下部和右边的颜色,也即立体感的暗的部分,
SCROLLBAR-3DLIGHT-COLOR 浏览器滚动条左边和下边颜色
SCROLLBAR-ARROW-COLOR 滚动条兜角部分的颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条暗影部分颜色
SCROLLBAR-BASE-COLOR 滚动条滚底颜色
background-positin:背景图案位置设置,left左边 right 右边 center居中
TEXTAREA{FONT-SIZE:9pt;COLOR:#22bb22} 风格设置区输入文字的字的大小和颜色的定义 以及后台分类和版面等等管理的定义的文字。
INPUT{FONT-SIZE:9pt;HEIGHT:20px;COLOR:#045666}注册,发贴用户密码标题输入区以及上传本地文件路径和说明,上传,发贴和其他非图案按钮的文字定义,如修改,取消等
SELECT{FONT-SIZE:9pt;HEIGHT:20px;COLOR:#1055A5;BACKGROUND-COLOR:#22bb22}其中的BACKGROUND-COLOR为发新贴的选择积分多少可以看本帖的下拉菜单的背景颜色以及聊天插件的选择聊天对象如世界的下拉菜单的背景颜色、论坛分类和版面管理中的版面分类编号、论坛显示状态、版面默认风格、更多访问限制,论坛参数设置的默认风格等等地方下拉菜单的背景颜色。
FONT-SIZE:9pt文字大小定义 HEIGHT:20px 高度定义 COLOR:#1055A5 文字颜色定义
以上是input对文字的定义,包括:发贴区的所有下拉菜单、投票区所有下拉菜单、论坛切换下拉菜单、论坛日历下拉菜单,聊天对象选择(如世界、门派等)、LeadCard的下拉菜单、版面管理、风格管理、专区管理、邮件管理等等的所有下拉菜单的文字的颜色,
input.fminpt{BORDER-RIGHT:#666666 1px solid;BORDER-TOP:#666666 1px solid;FONT-SIZE:9pt;BORDER-LEFT:#666666 1px solid;BORDER-BOTTOM:#666666 1px solid;HEIGHT:19px;}
为文字输入方框(不包括大框,如发贴的内容的框)的定义:
BORDER-RIGHT:#666666 1px solid 右边框线条的颜色,粗细,线条特色,
BORDER-TOP:#666666 1px solid; 上边边框线条的颜色,粗细,线条特色,
BORDER-LEFT:#666666 1px solid;左边框线条的颜色,粗细,线条特色,
BORDER-BOTTOM:#666666 1px solid;底边框线条的颜色,粗细,线条特色,
FONT-SIZE:9pt 输入方框的文字大小定义
HEIGHT:19px 边框高度
INPUT{FONT-SIZE:9pt;HEIGHT:20px;}表单检查框里的输入文字大小高度定义,总之这样也可以了
.fmtxtra{BORDER-RIGHT:#666666 1px solid;BORDER-TOP:#666666 1px solid;FONT-SIZE:9pt;BORDER-LEFT:#666666 1px solid;BORDER-BOTTOM:#666666 1px solid} 除了上面所说的小方框以外的大框的四边线条的定义。一般情况下,为了美观,和input.fminpt 一致,
P{FONT-SIZE:9pt;} 字体大小
TD{FONT-SIZE:9pt;} 表格字体大小
LI{FONT-SIZE:9pt;MARGIN-LEFT:0pt;} 另外一种表格字体大小MARGIN-LEFT左边空余的多少
UL{FONT-SIZE:9pt;MARGIN-LEFT:20pt;}
A{COLOR:black;TEXT-DECORATION:none}TEXT-DECORATION:none字体装饰,如透明,下划线,中划线等,这个和普通html语言一样。设 置菜单栏的用户,上线,登陆 搜索 退出、管理区左边的大部分导航文字、首页 >> 交流区 >> 论坛管理系统 >>
首页分类版面下面的小板块的名称(后台版面管理自定义的除外)和介绍文字,管理员名字、帖的名称和作者文字、 发新贴图标下面的专题栏目名称。发新贴左边的帮助链接文字,字数检查链接文字,复制帖子内容文字,以及部分其他 链接文字(如表情,插入不是属于这个属性控制)、斑竹后台管理小标题链接,如会员排行榜,发/收信息大框左边的文字、短信标题等。收藏夹底部文字、自定义风格主界面几乎所有的文字、查看附件所有的连接文字。。
.fmbtn{border:1px solid #22bb22;height:20px;font:"menu";} 表单按钮的定义
border:1px 按钮边框自定义 #22bb22 边框颜色 height:20px 高度 font:"menu"字体。。
A{COLOR:#FFFFFF;TEXT-DECORATION:none} 绝大部分链接文字的颜色
A:hover{COLOR:#1055A5;TEXT-DECORATION:underline}导航菜单和绝大部分链接文字鼠标方上去后的文字颜色,并有下划线出现
.TBTop{BACKGROUND-COLOR:#22bb22;height:22;background-image:url(/images/skin/10/bg.gif)}导航菜单的背景和背景图片
.TBHead{BACKGROUND-COLOR:#15303F;height:27;background-image:url(/images/skin/10/TBheadbg.gif);}分类论坛表格顶部背景颜色和图片自定义 height:27 高度定义
.HeadFont{COLOR:#1A99E0}分类论坛表格上面第一分类名称的文字颜色,如官方的LEADBBS专栏、技术与交流,默认风格文字是白色的
.TBHead2{BACKGROUND-COLOR:#15303F;height:27}如进入官方LeadBBS专区或者风格美化栏目后,出现的表格上面的背景和图片,一般为了美观,和.TBTop一样。我是这样想的,不一样也可以,看你是怎样设计的。
.TBBG9{BACKGROUND-COLOR:#22bb22;}栏目名称和斑竹所在的那块表格的背景。后台右边背景/管理菜单大标题的背景、论坛帖子名称的的背景,帖子内容的所有的背景以及左边的发贴人的职务积分经验文字的背景,发送信息大部分的背景
.TBBG1{BACKGROUND-COLOR:#B8E1FE;}后台管理左边次菜单的背景,主版面左边文件夹(官方默认)的背景
.TBone{BACKGROUND-COLOR:#337599;}主版面表格线条的颜色,后台以及其他地方表格线条的颜色
.TBthree{BACKGROUND-COLOR:#1a99e0;}菜单:发新贴,新投票,精华区,专题区,此版200人在线所在的表格的定义
.TBtwo{BACKGROUND-COLOR:#000000;}还没有找到 ,后台版面管理表格最上面的那行。
.TBfour{BACKGROUND-COLOR:#22bb22;COLOR:#22bb22} 收件箱的表格的上头和边栏的定义,包括背景和文字颜色等。。。。
.TBtwofont{COLOR:#444474}后台管理,察看在线人员的表格最上面一行的文字的颜色
.GrayFont{COLOR:#234F67}灰色文字定义
.RedFont{COLOR:red}红色文字定义
.BlueFont{COLOR:blue}蓝色文字定义
.uname{font-family: Tahoma, Verdana;font-weight: bold;}总斑竹
.uname1{font-family: Tahoma, Verdana;font-weight: bold;color:FF0000}区版主
.uname2{font-family: Tahoma, Verdana;font-weight: bold;color:FF5A5A}
.uname3{font-family: Tahoma, Verdana;font-weight: bold;color:A64C1F}分别对应总版主,区版主,版主用户名显示样式
.SubjectFont{color:#22bb22;}帖子标题前面的专题的名称,带[]的。 Leadbbs
.AltLink{BORDER-RIGHT: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: -1px;BORDER-LEFT: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #F5FAFE;}提示站外链接外框样式定义
.TBframeButton{BACKGROUND-COLOR:#22bb22;}框架形式浏览时,左边框架和右边主区的分界线的颜色。
.TBframeBG{BACKGROUND-COLOR:#1a99e0}左边框架的背景颜色
.NavColor{COLOR:#000000;}首页的颜色,网页底部版权的颜色。
.j_page{PADDING-RIGHT: 3px; PADDING-LEFT: 3px;PADDING-TOP: 1px;BORDER-RIGHT: #85C7F6 1px solid; BORDER-TOP: #85C7F6 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #85C7F6 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #85C7F6 1px solid;TEXT-DECORATION: none}共62主题 第1/2页 每页32条 前面有一个页码,和三角形的,页码外面的方框颜色等定义
A.j_page:hover {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-TOP: 1px; BORDER-RIGHT: #56AEED 1px solid; BORDER-TOP: #56AEED 1px solid; BORDER-LEFT: #56AEED 1px solid; BORDER-BOTTOM: #56AEED 1px solid; BACKGROUND-COLOR: #A5D3F4; TEXT-DECORATION: none}同上面,鼠标经过时的变化定义
.ldmc {POSITION: relative;BACKGROUND-COLOR:#22bb22;}工具箱、论坛导航 用户面板、选择风格这几个菜单的背景颜色。
.ldclear {CLEAR: left; DISPLAY: block; FONT-SIZE: 1px; WIDTH: 0px; LINE-HEIGHT: 0px; HEIGHT: 0px}还不大清楚
.ldmc A {DISPLAY: block; FLOAT: left; WHITE-SPACE: nowrap;PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: 宋体;FONT-SIZE:9pt; BACKGROUND-COLOR: #1a99e0; TEXT-DECORATION: none}工具箱、论坛导航 用户面板、选择风格这几个菜单的背景颜色(有2层,我不明白为什么2层)
.ldmc DIV A {FLOAT: none;PADDING-RIGHT: 12px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #22bb22;}工具箱、论坛导航 用户面板、选择风格这几个菜单下拉菜单的背景颜色。
.ldmc A:hover {BACKGROUND-COLOR: #689BB9;}工具箱、论坛导航 用户面板、选择风格这几个菜单下拉菜单鼠标经过时的背景颜色
.ldactive {BACKGROUND-COLOR: #22bb22! important; TEXT-DECORATION: underline! important}鼠标经过工具箱、论坛导航 用户面板、选择风格的这些文字的背景。
.ldparent {BACKGROUND-POSITION: 95% 50%; BACKGROUND-REPEAT: no-repeat;MARGIN-TOP:2px;}不知道
.ldmc DIV {VISIBILITY: hidden; POSITION: absolute;BORDER-RIGHT: #0571AD 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #22bb22 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; BORDER-LEFT: #0571AD 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #0571AD 1px solid; BACKGROUND-COLOR: #C8ECFF;}工具箱、论坛导航 用户面板、选择风格这几个菜单下拉菜单的周边颜色。BACKGROUND-COLOR:是粗边框,其他的定义最外面的细边框的颜色。
.ldmc DIV .ldactive {
BACKGROUND-COLOR: #234F67! important
}以上更多风格鼠标经过时的背景颜色
.ldmc DIV .ldparent {
BACKGROUND-IMAGE: url(/images/ol/arrow_right.gif);
}右拉菜单的标志。
.anctb {BORDER-COLLAPSE: collapse; empty-cells: show;BORDER-TOP:#22bb22 1px solid; BORDER-LEFT: gray 1px solid; border-spacing: 0px;width:100%}默认表格显示样式
.anctb TD {BORDER-BOTTOM: gray 1px solid;BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;}默认表格显示样式
.LDMoverBg{BACKGROUND-COLOR:#E8F3FD}鼠标移到表格行上高亮显示样式
.TBBGAnc{BACKGROUND-COLOR:#bb0066;}
.TBAnc{BACKGROUND-COLOR:#bb0066;BACKGROUND-IMAGE:url(/images/skin/8/bg1.gif);}还不大清楚
.editor {BORDER-RIGHT:#22dddd 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #ffffff; FONT: 12px Tahoma, Verdana; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid}发贴时文本编辑器样式定义,以及最大的方框背景颜色
.editor textarea {OVERFLOW: auto; BORDER-RIGHT: 0px; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; BORDER-LEFT: 0px; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: 0px}发贴时文本编辑器样式定义,以及最大的方框背景颜色
.NavColor{COLOR:#FCF36E;} 首页 >>交流区 的颜色[/SIZE][/P][/P][/TD][/TR][/TABLE][/P] |