9.0 css样式作用简单介绍

楼主 suPer 于 2014-05-13 22:33:05
9.0 css样式作用简单介绍
给大家介绍一下9.0的css文件的代码作用，对于不熟悉css的站长可能有那么一点参考作用

有一定基础的站长建议尝试着学习使用 IE11的开发人员工具，可以更精确的定义，或自设更多的css样式定义，即时更改页面样式，调试起来也会方便得多（当然也可以使用firefox 的 firebug插件）


下面以风格桃源人家为例．
回复
1楼 suPer 于 2014-05-13 22:33:48
@font-face{font-family:'wf_icons_normal';src:url('../../images/style/extend/01002/2.eot');src:url('../../images/style/extend/01002/2.eot?#iefix') format('embedded-opentype'),url('../../images/style/extend/01002/2.woff') format('woff'),url('../../images/style/extend/01002/2.ttf') format('truetype'),url('../../images/style/extend/01002/2.svg#web') format('svg');font-weight:normal;font-style:normal}

css3中定义WEB字体文件，虽然属于css3中的内容，但ie4.0+就已经支持，所以不用担心兼容问题
详细介绍参考：
http://www.leadbbs.com/a/topic-220-2947536-1.html

[hr]

body{color:#082602;font: 12px arial; text-align: center;background: url(../../images/style/extend/taoyuang/bg.jpg) #f8f5f0 fixed center 50%;
}
body{padding: 0px;margin: 0px;overflow-y:scroll;_overflow-y:auto;*overflow-y:auto;}

定义整个页面的全局css属性，background则是指定了背景，
[hr]
overflow-y:scroll的作用是让滚动条肯定出现，否则页面可能出现浮动现象
_overflow-y:auto;*overflow-y:auto;　则是为了兼容ie6-ie8

.body_area_out{}

定义导航栏（首页>>版块>>...)至底部版权信息以上区域的css，并且是铺满宽度的，不受 area宽度影响

[hr]
p { margin: 0px 0px 5px 0px;line-height:1.5em;}

定义段落

[hr]
textarea{font-size:9pt;overflow-y:auto;width: 95%; word-break: break-all;word-wrap:break-word;}

定义所有textarea输入框属性

[hr]
input{font-size:9pt;vertical-align: middle;}

定义所有input标签属性

[hr]
input:focus, input:hover { background-color: #fff; }

定义input焦点或是鼠标划过时的属性（比如提交按钮，输入框），这里是改变了背景

[hr]

select{font-size:9pt;height:20px;color:black;background-color:#f5fafe}

select表单属性，一般没意义，因为leadbbs对select强制转换，除非浏览器不支持js

[hr]
table{text-align: left;}

所有表格
[hr]

blockquote{margin:20px;}

定义块标签blockquote，用处不多

[hr]
input[type=radio]{margin:0 2px 0 0;vertical-align: middle;}

定义单选表单

[hr]
input[type=checkbox]{margin:0 2px 0 0;vertical-align: middle;}

定义多选表单

[hr]
font{line-height:1.5em;}

定义font标签，这个可以废除

[hr]
.fminpt{padding:0 9px;border:1px solid #a2a06a;font-size:9pt;
height:30px;line-height:30px;vertical-align: middle;
}

定义所有单行的输入框属性

[hr]
.input_1{width:40px;}
.input_2{width:100px;}
.input_3{width:150px;}
.input_4{width:70%;}

定义单行输入框宽度，1-4分别增长

[hr]
.fmchkbox{font-size:9pt;border:0px;margin-top:0;margin-top:-1px!important;}

定义复选框属性

[hr]
.word-break-all{word-break: break-all;word-wrap:break-word;}

定义强制换行

[hr]
.clicktext{cursor: pointer;color:#dcdab4;}

定义一些特殊标签

[hr]
.fmtxtra{border-right:#a2a06a 1px solid;border-top:#a2a06a 1px solid;
font-size:9pt;border-left:#a2a06a 1px solid;border-bottom:#a2a06a 1px solid;
padding:9px 9px;}

定义textarea输入框属性

[hr]

.fmbtn{font-family: "Tahoma","sans-serif";
    font-size:12px;
    border: 0px #003399 solid;
    color:#fff;
    background-color: #0066cc;
    cursor: pointer;
    padding:0px;
    margin:0px;
    font-style: normal ;
    height:28px;
    line-height:28px;
    outline: none;
    margin-right:12px;
    vertical-align: middle;
    border-radius: 3px;
    }

定义提交表单等按钮属性

[hr]

.fmbtn:hover,.fmbtn:focus{background-color: #137ce5;}

提交等按钮高亮显示

[hr]

.btn_1{background-image:url(../../Images/style/extend/taoyuang/button_2.gif);width:48px;}
.btn_2{background-image:url(../../Images/style/extend/taoyuang/button_3.gif);width:70px;}
.btn_3{background-image:url(../../Images/style/extend/taoyuang/button_4.gif);width:82px;}
.btn_4{background-image:url(../../Images/style/extend/taoyuang/button_5.gif);width:96px;}

提交等按钮宽度，从1-4逐个宽度增长

[hr]

td{font-size:9pt;}
li{font-size:9pt;}
ul{font-size:9pt;}

td li ul标签属性定义

[hr]

a{color:#082602;text-decoration:none;}
a:hover{text-decoration:none;color:#827c31;}

默认超级链接和超级链接高亮显示属性

[hr]

/*a.visit:visited {padding-right:12px; background: url(../../images/style/0/visited.gif) no-repeat 100% 50%;}*/
定义已访问的超级链接属性，此处注释掉了

[hr]

.unsel{outline: none;-moz-user-select: none;}

禁用选择内容定义

[hr]

.grayfont{color:gray;}

定义灰色文字

[hr]

.tbframebutton{background-color:#d2e8fe;padding: 0px;margin: 0px;}
.tbframe{padding: 0px;margin: 0px;background-color:#e8f3fd;text-align:left;}
.framecontent{margin-top:12px;padding:10px;}
.framecontent .title{margin-bottom:12px;color:#72714e;font-weight:bold;}
.framecontent ul{padding:3px 3px 3px 14px; margin:0px;list-style:none ;}
.framecontent li{margin-bottom:2px;background: url(../../images/style/0/slist.gif) no-repeat 0 0px;padding-left:10px;}
.framecontent .assort{padding:5px 0px 0px 0px;}
.framecontent .assort a{color:#72714e;}

frame框架部分定义，现在基本废弃，无视

[hr]

.redfont{color:red}
.bluefont{color:blue}
.greenfont{color:green}

分别定义红蓝绿颜色文字

[hr]

.uname{font-family: Tahoma, Verdana,"sans-serif";font-weight: bold;color:#454545;}

查看帖子界面的用户名（昵称）样式，

[hr]
回复
2楼 suPer 于 2014-05-13 22:34:21
[P].subjectfont{color:#827c31;font-size:12px;
border-radius:2px;padding:3px 5px;margin-right:10px;border: #827c31 1px solid;
}

版块帖子列表界面的专题显示样式

[hr]

.subjectfont span{display:none;}

专题括号显示样式，这里为隐藏掉括号

[hr]

a.subjectfont:hover{color:#ff6666;}

专题高亮显示

[hr]

ul {margin:20px 0 20px 10px; padding:0 0 0 10px;}
a img{border:0px;}

超级链接下的图片

[hr]

button{border:none;color:#666666;font-size:12px;cursor:pointer;}

button按钮标签

[hr]

form{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}

form表单标签

[hr]

.area{width:938px;margin-right: auto;margin-left: auto;}

定义论坛缩进，指定所有显示模块宽度，可以使用百分比

[hr]

.list_line{ padding:0; margin:0; list-style:none;}
.list_line li{ padding:0 .5em; display:inline;}

一些li 列表样式定义，比如顶部的登录，注册部分

[hr]

.list_break{padding:0; margin:0;list-style:none;}
.list_break li{overflow:hidden;height:17px;}

仅用在在线用户列表时的样式定义（首页，在线人员名单）

[hr]

.menu_nav{background-color: transparent;}

论坛顶部菜单栏

[hr]

.head_top_out{height:410px;position:relative;background: url(../../images/style/extend/taoyuang/top.jpg) no-repeat center bottom;}

论坛顶部（导航以上）样式定义

[hr]

.head_top_out .area{height:410px;}

论坛顶部（导航以上） area缩进特殊样式

[hr]

.head_top_out .head_sty{position:relative;top:0px;left;0px;}
.head_top_out .head_top{position:absolute;top:0px;left;0px;}

论坛顶部用户登录或信息显示块定义

[hr]

.munu_nav2{position:absolute; top:0px;right:0px;
width:100%;
}

论坛顶部菜单栏外层

[hr]

.menu_list{ padding:0; margin:0; list-style:none;}

一些常用的列表样式定义

[hr]

.color_list{ padding:0; margin:0; list-style:none;width:242px;}
.color_list li{float:left;display:block;width:10px;height:10px;padding:0px;margin:0px 1px 1px 0px;font-size:0;cursor:pointer;overflow:hidden.}
.color_pannel{float:left;padding-left:5px;line-height:17px!important;}

发表新帖时，财富增色颜色列表

[hr]

.layer_iteminfo2 a{ display: block; float: left; white-space: nowrap; font-size:9pt; text-decoration: none}

.layer_iteminfo2 li{display:inline;}
.layer_iteminfo2 li a{
float: none;padding:6px 12px;
     background-color: rgba(236, 236, 206, 0.9);
     *background-color: #ececce;
     display: block;
     color:#082602;
     font-size:14px;
}

.layer_iteminfo2 li a:hover{
text-decoration:none;
float: none;padding:6px 12px;
     background: #c7c590;
     display: block;
     color: #827c31;
     font-size:14px;
}

顶部菜单栏下拉菜单样式


[hr]

.layer_iteminfo .menu_list li{ display: block; white-space: nowrap; font-size:9pt; text-decoration: none;min-width:100px;}
.layer_iteminfo .menu_list li{
float: none;border-bottom:#c7c590 1px dotted;padding:2px 9px 1px 5px;cursor:pointer;line-height:1.6;
}
.layer_iteminfo .menu_list li:last-child{border-bottom:#bcddec 0px dotted;}

普通菜单栏下拉菜单样式

[hr]

.layer_item a,layer_itemactive a{outline: none;}

普通菜单标题样式

[hr]

.layer_item2 .title a{float:right;margin-top:1px;
color: #082602;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     display: block;
     padding: 8px 12px;
}
顶部菜单标题样式
[hr]

.layer_item2 .title a.mouseout{float:right;margin-top:1px;
color: #082602;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     display: block;
     padding: 8px 12px;}

顶部菜单标题鼠标移至菜单上后的样式      
     
[hr]

/*
.layer_item2:last-child .title a.hover,.layer_item2:last-child .title a,.layer_item2:last-child .title a.mouseout{padding:8px 0px 8px 12px;}
*/
.layer_item2 .title a.hover{text-decoration:none;
background: #b5b37e;
float:right;margin-top:1px;
color: #827c31;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     display: block;
     padding: 8px 12px;}
顶部菜单标题高亮后样式
     
[hr]

.layer_iteminfo a{color:#000!important;}
.layer_iteminfo a:hover{color:#827c31!important;}
.layer_iteminfo {margin-top:1px;background-color: #fbf8f3;
border: #b5b37e 1px solid; padding-right: 8px; display: none;
padding-left: 8px; z-index: 600; padding-bottom: 8px; color: #333; line-height: 160%; padding-top: 5px; position: absolute; text-align: left;
-moz-box-shadow:1px 1px 5px #292929; -webkit-box-shadow:1px 1px 5px #292929; box-shadow:2px 2px 6px #292929;
background-color: rgba(236, 236, 206, 0.9);
*background-color: #ececce;
}
.layer_iteminfo2 {min-width:140px;
width:auto!important;
width:140px;padding:0; display: none; z-index: 60; color: #333; line-height: 160%; position: absolute; text-align: left;
background: #b5b37e;
     color: #fff;

     -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4);
     box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}[/P][P]普通菜单样式[/P][P][hr][/P]
回复
3楼 suPer 于 2014-05-13 22:35:51

.layer_item_title,.layer_item_title_normal{cursor:pointer;font-size:14px;}

普通菜单标题样式

[hr]

.layer_item_title::after,.layer_item_title_normal::after{font-size:.688em;content:'∨';margin-left:.35em;font-family:"wf_icons_normal";}

菜单下拉的箭头提示，可以使用图片，这里是使用了WEB字体

[hr]

.head_item_title{padding-right:1px;font-size:14px;}

顶部菜单栏标题文字

[hr]

.layer_onclickitem {float:left;border:1px #a2a070 solid;padding:10px;position: absolute;z-index:1;background:#f3faf6;display:none;}
.layer_onclickitem a{color:#72714e;}
.layer_onclickitem a:hover{color:#827c31;}

编辑器功能按钮图片样式

[hr]

.layer_item2 a,.layer_item3 a{outline: none;}

顶部菜单超级链接

[hr]

.layer_item3 a{float:right;
color: #082602;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     display: block;
     padding: 9px 12px;}
.layer_item3 a:hover{
background: #b5b37e;
     color: #827c31;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     display: block;
     padding: 9px 12px;}
     
顶部无弹出菜单的标题属性，比如搜索，风格，应用

[hr]

.head_top{height:28px;border-bottom:#add8f7 0px solid;}

顶部登录或用户信息块

[hr]

/*for ie6,7 start*/
.head_top_out .area{position:relative;width:938px;margin-right: auto;margin-left: auto;}
导航栏以上块 area缩进定义

[hr]

.head_top_out .area .head_top{position:absolute;left:0px;width:100%;}
顶部登录或用户信息块

[hr]

/*for ie6,7 end*/
.head_top_loginform{position:relative;margin-top:6px;color:black;height:23px;padding-right: 6px; line-height:23px;margin-left: 10px;float:left;z-index:60;color:#082602;}
.head_top_loginform div{float:left; }

用户信息或登录块

[hr]

.head_top_string a,.head_top_loginform a{color:#082602;}
.head_top_string a:hover,.head_top_loginform a:hover{color:#827c31;}
.head_top_string{padding-right: 0px; padding-left: 0px;padding-top: 7px;padding-bottom: 4px;float:right;display:none;}

网站收藏，返回首页等功能块（一般隐藏掉了，以后可能取消此块）

[hr]

.head_hellowords{padding-left: 0px;}
.head_hellouser{padding-right: 6px; }

欢迎词（用户信息块中）

[hr]

.head_hidden{padding-right: 6px; padding-left: 6px;}
隐身（用户信息块中）

[hr]
.head_relogin{padding-right: 6px; padding-left: 6px;}
重登录（用户信息块中）

[hr]
.head_login{padding-right: 6px; padding-left: 6px;}

[hr]
登录（用户信息块中）
.head_register{padding-right: 0px; padding-left: 0px;margin-left: 0px;}

[hr]
注册（用户信息块中）
.head_logout{padding-right: 0px; padding-left: 6px;}

[hr]
退出（用户信息块中）
.head_privatemsg{padding-right: 6px; padding-left: 6px;}
.head_privatemsg_new{padding-right: 6px;padding-left: 18px; background: url(../../images/inbox_new.gif) no-repeat 0 50%; }

[hr]
短消息（用户信息块中）

.head_sty{color:#000000;padding-top:45px;}

.head_search{}
搜索（顶部菜单栏）

[hr]

.head_manage{color:red;font-weight:bold}
管理（顶部菜单栏）

[hr]

.head_banner{height:65px;display:none;}
logo和banner块

[hr]

.head_banner_logo{padding-right: 6px; float:left;position: absolute; top:75px;left:1px;z-index:1;}
.head_banner_logo a img{cursor:pointer; width:320px;height:85px;background: url(../../images/style/extend/01002/logo.png) no-repeat;
_background: url(../../images/style/extend/01002/logo.gif) no-repeat;
}

logo定义

[hr]

/*ad*/
.head_banner_ad{position:absolute;right:0px;top:80px;}
.head_banner_ad img{display:none;
 opacity: 0.0;
 filter: "alpha(opacity=0)";
 filter: alpha(opacity=0);
}
.head_banner_ad a{display:block;width:468px;height:60px;background: url(../../images/style/extend/01002/banner.png) no-repeat left;
_background: url(../../images/style/extend/01002/banner.gif) no-repeat left;
} /*block for ie6*/

banner定义

[hr]

.navigate_sty_out{
padding-top:5px;}
.navigate_sty{height:30px;color:#082602;}
.navigate_sty a {color:#72714e;}
.navigate_sty a:hover {text-decoration:none;color:#827c31;}
/*.navigate_string{padding-top:6px;padding-left:6px;float:left;}*/
.navigate_sidecontrol{padding-top:6px;padding-right: 6px;float:right;}

导航条定义（首面>>版块...)

[hr]

.navigate_string_home{padding-right: 3px;}

首页（导航条）

[hr]

.navigate_string{
float: left;
            padding: 0 0px 0 0;
            _padding: 0 9px 0 0;
            background: #bfbf99;
            font-size: 0;
            border-left: #dfdfc7 1px solid;
            border-top: #dfdfc7 1px solid;
            border-bottom: #dfdfc7 1px solid;
            }
.navigate_string a{
display: inline-block;
            height: 32px;
            margin: 0 -11px 0 0;
            padding: 0 9px 0 0;
            color: #333;
            font-size: 12px;
            line-height: 32px;
            text-decoration: none;
            float:left;
            background: url(../../images/style/extend/taoyuang/bg.png) no-repeat right 0;
            _background: url(../../images/style/extend/taoyuang/bg.gif) no-repeat right 0;
}

.navigate_string a span{
            display: block;
            padding: 0 10px 0 20px;
        }
.navigate_string a:hover{
            background: url(../../images/style/extend/taoyuang/bg.png) no-repeat right -35px;
            _background: url(../../images/style/extend/taoyuang/bg.gif) no-repeat right -35px;
            color: #827c31;
        }
.navigate_string a:hover span{
            background: #dfdfc7 url(../../images/style/extend/taoyuang/bg.png) no-repeat left 0;
            _background: #dfdfc7 url(../../images/style/extend/taoyuang/bg.gif) no-repeat left 0;
        }

导航条各栏样式

[hr]

.navigate_string .navigate_string_home a:hover span{
            background: #dfdfc7 url("../../images/style/extend/taoyuang/icons.png") no-repeat 10px -344px;
            _background: #dfdfc7 url("../../images/style/extend/taoyuang/icons.gif") no-repeat 10px -344px;
        }

.navigate_string_home a span{
            background:#bfbf99 url("../../images/style/extend/taoyuang/icons.png") no-repeat 10px -344px;
            _background:#bfbf99  url("../../images/style/extend/taoyuang/icons.gif") no-repeat 10px -344px;
            padding-left:32px;
}

导航条首页样式

[hr]

.navigate_string_step:last-child a{
            background: url(../../images/style/extend/taoyuang/bg.png) no-repeat right -70px !important;
            _background: url(../../images/style/extend/taoyuang/bg.gif) no-repeat right -70px !important;
        }
.navigate_string_step:last-child a:hover{
            background: url(../../images/style/extend/taoyuang/bg.png) no-repeat right -35px !important;
            _background: url(../../images/style/extend/taoyuang/bg.gif) no-repeat right -35px !important;
        }
导航条最条一项的样式

[hr]

/*.navigate_string_step{line-height:17px;padding-left: 16px; padding-right: 3px; background: url(../../images/style/0/nav-trail.gif) no-repeat 0% 50%;}
*/
导航条每一项链接的样式定义，这里注释掉了,一般是加箭头图片

[hr]

/*for Boards.asp*/
.boards_bbsinfo{padding-top:16px;margin-bottom:12px;text-align:left;width:auto;height:17px;padding-left:6px;padding-right:6px;margin-right: auto;margin-left: auto;}
.boards_bbsinfo_2{text-align:left;float:right;}

boards.asp页面论坛信息

[hr]

.navigate_pubmsg{padding-left: 18px; background: url(../../images/style/extend/taoyuang/pms.gif) no-repeat 0 50%;float:left;position:relative;}
.navigate_pubmsg em {font-style:normal;font-size:10px;}
.navigate_pubmsg ul{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
.navigate_pubmsg li{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;line-height:15px;}

boards.asp页面公告内容

[hr]

.main{width:100%;height:1%;overflow:hidden;*overflow:visible;text-align:left;} /*the secend overflow for ie5.5*/

页面主体框

[hr]

/*right side*/
.content_side_right {
     float:right;margin-top:22px;padding-right:0px;width:180px;height:100%;
     border-top: 1px #a2a070 solid;
}
.content_main_right {
     float:left;margin-left:-180px;width:100%;
}
.content_main_2_right{margin-left:180px;width:auto;padding-right:16px;padding-left:0px;padding-bottom:1px;border-right:#a2a070 0px dotted;}

当显示右侧栏时的页面主体框定义

[hr]

/*left side*/
.content_side_left {
     float:left;margin-top:22px;padding-right:0px;width:180px;height:100%;
     border-top: 1px #a2a070 solid;
}
.content_main_left {
     float:right;margin-right:-180px;width:100%;;
}
.content_main_2_left{margin-right:180px;width:auto;padding-left:16px;padding-bottom:1px;}

当显示左侧栏时的页面主体框定义

[hr]

/*close side*/
.content_side_close {
     padding-top:30px;width:180px;display:none;
}
.content_main_close {
     padding-left:0px;padding-right:0px;
     padding-bottom:8px;
}
.content_main_2_close{width:auto;padding-bottom:1px;}

当关闭所有侧栏时的页面主体框定义

[hr]

.content_side_box{padding-bottom:0px;text-align:left;line-height:18px;vertical-align: middle;
width:178px;overflow-x:hidden;
border-top: 1px #c8c7a4 solid;
border-bottom: 1px #a2a070 solid;
border-left: 1px #a2a070 solid;
border-right: 1px #a2a070 solid;
}
.content_side_box ul{padding:4px 10px 10px 10px; margin:0;list-style:none ;
.content_side_box .content{margin-left:5px;}

}
.content_side_box li{height:20px;line-height:16px;overflow:hidden;padding-top:2px;}/*ie8*/
.content_side_box li img{float:left;line-height:16px;display:none;}
.content_side_box li a span{word-wrap:normal;text-decoration:none;float:left;padding-left: 10px; background: url(../../images/style/extend/01001/slist.gif) no-repeat 0 0px;cursor:pointer;white-space:nowrap;width:146px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../../images/pub/ellipsis.xml#ellipsis');}

.content_side_box .title{width:164px;/*164 for ie6.0*/ line-height:28px;padding-top:6px;padding-left:10px;color:#72714e;
font-size:14px;
}

侧栏栏目样式定义

[hr]

.content_main_body{width:100%;padding-top:16px;}

内容主体框定义（不包括侧栏）

[hr]

#p_side_img{position:relative;height:13px;right:-4px;top:-14px;}
#p_side_img a{posotion:absolute;width:61px;height:45px;_height:30px;display:block;background-image: url(../../images/style/extend/taoyuang/side_img.png);_background-image: url(../../images/style/extend/taoyuang/side_img.gif);background-repeat:no-repeat;}
.p_side_left a{background-position:1px -275px;}
.p_side_left a:hover{background-position:0px 0px;}

.p_side_right a{background-position:0 -110px;}
.p_side_right a:hover{background-position:0 -333px;}

.p_side_close a{background-position:0 -232px;}
.p_side_close a:hover{background-position:0 -471px;}

打开，关闭，左侧栏，右侧栏切换的图片样式

[hr]

.stylebox{}

特殊大块外层

[hr]

.nonestylebox{width:auto;}

特殊大块里层

[hr]

.contentbox{width:auto;border-top:#a2a070 0px solid;}

內容块

[hr]

.tablebox{table-layout:fixed;}
.tablebox .tdbox{padding:6px;border-top:1px solid #a2a070;}

首面完整模式表格

[hr]

.tablebox_sim{table-layout:fixed;}
.tablebox_sim .tdbox{padding:6px 6px 6px 0px;}
.tablebox_sim .tbhead td{padding-right:9px;border-top:0px solid #a2a070;border-bottom:0px solid #a2a070;}

首面简约模式表格

[hr]

.tdcontent{border-bottom:1px solid #a2a070;padding-left:6px;padding-right:3px;padding-top:5px;padding-bottom:5px;height:1%;}
帖子标题块(b.asp)

[hr]
.tdcontent em {margin-top:1px;font-family:Arial,sans-serif;font-style:normal;font-size:10px;color:#827c31;}
.tdcontent em .bluefont{color:#827c31;}
帖子标题块，发帖或更新时间，回帖数量，人气(b.asp)

[hr]
.tdcontent .postuser {color:#082602;}
.tdcontent .lastuser {color:#827c31;padding-top:6px;}
.tdcontent .postuser,.tdcontent .lastuser{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;max-width:80px;_width:80px;*width:80px;float:left;}
帖子标题块，作用或回复人(b.asp)

[hr]


.b_list_topicname .topicdiv{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;max-width:80%;
_width: 80%;
float:left;
height:24px;line-height:24px;}

帖子列表中的帖子标题样式（b.asp页面)

[hr]

.tdcontent a.lastuser:hover {color:#aaa;}
.tdcontent a.postuser:hover {color:#4cb4d9;}

帖子标题块，作用或回复人高亮(b.asp)

[hr]

.tdcontent .word-break-all{font-size:14px;}
.tdcontent .word-break-all b,.tdcontent .word-break-all strong{font-size:12px;}
帖子标题(b.asp)

[hr]

/*"helvetica neue", "lucida grande", helvetica, arial, sans-serif*/
.tdcontent .page {color:gray;font: 10px arial;}
.tdcontent .page a{color:#827c31;font: 10px arial;font-weight:bold;line-height:14px;}
.tdcontent .page a:hover {color:#827c31;}

回复帖子分页(b.asp)

[hr]

.tbhead td{padding-right:9px;padding-bottom:1px;padding-top:1px;}/*padding for Mozilla*/

表格标题栏

[hr]

.stylebox{padding-top:52px;
background: url('../../images/style/extend/taoyuang/a_right_ie.jpg') no-repeat right top;
background: url('../../images/style/extend/taoyuang/a_right2.jpg') no-repeat right top,url('../../images/style/extend/taoyuang/a_right.jpg') no-repeat left top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/style/extend/taoyuang/a_right_ie_filter.jpg', sizingMethod='crop');
}

特殊大块样式定义，这里定义了一个起始背景图片

[hr]

.stylebox .nonestylebox{
background: url('../../images/style/extend/taoyuang/c_right.jpg') no-repeat left bottom;
padding-bottom:49px;background: url('../../images/style/extend/taoyuang/c_right2.jpg') no-repeat right bottom,url('../../images/style/extend/taoyuang/c_right.jpg') no-repeat left bottom;}

特殊大块样式定义，这里定义了一个结束的背景图片

[hr]

.anc_headtable .tbhead,.contentbox_boards,.contentbox{border-left:#ece9d6 1px solid;border-right:#ece9d6 1px solid;}
.contentbox_boards:last-child .tdbox{border-bottom:#a2a070 1px solid;}
.contentbox_boards .tablebox_sim,.contentbox_boards .tablebox,.contentbox .tablebox{width:98%;margin:0px auto;
border-top:#a2a070 1px solid;
}

查看帖子块中的一些远素定义(a.asp)

[hr]

.table_options{border-left:#a2a070 1px solid;border-right:#a2a070 1px solid;}
.table_options .tbhead,.table_options .tdcontent{border-bottom:#a2a070 1px solid;}
.contentbox_boards .tbhead{border-left:#a2a070 1px solid;border-right:#a2a070 1px solid;}
.contentbox_boards .tdbox{border-top:#a2a070 1px solid;border-left:#a2a070 1px solid;border-right:#a2a070 1px solid;}

帖子列表表格(b.asp)

[hr]

.b_assort_title{margin-left:8px;}

论坛分类标题，或者子块版分类标题(boards.asp)

[hr]

.b_assort_master{line-height:1em;color:#dcdab4;}
.b_assort_master a{color:#dcdab4;}
.b_assort_master a:hover{color:#827c31;}

（区版主）列表（boards.asp)

[hr]

.contentbox_boards .tablebox .boarddesc{}

完整模式下的版块介绍

[hr]

.contentbox_boards .tablebox_sim .newtopic,.contentbox_boards .tablebox_sim .newtopic a{}

首页版块标题（boards.asp)

[hr]

.contentbox_boards .tablebox_sim .newtopic a:hover{color: #827c31;}

首页新帖信息（boards.asp)

[hr]

.anc_headtable .tbhead td{padding-left:6px;padding-right:9px;}
.anc_headtable .layer_item_title{font-size:12px;}

查看帖子内容页面，主题标题及最顶一栏样式(a.asp)

[hr]

.tbhead td{}
.tbhead2 td{border-bottom:#a2a070 1px solid;}
.tbhead .value{color:#827c31;padding-left:6px;padding-right:3px;padding-top:6px;padding-bottom:5px;}
.tbhead2 .value{color:#827c31;padding-left:6px;padding-right:3px;padding-top:7px;padding-bottom:5px;}

表格标题栏文字样式

[hr]

.b_smalllist{padding-left:20px;padding-top:6px;padding-bottom:6px;padding-right:6px;clear:both;}
.b_smalllist ul{padding-top:0px;padding-bottom:5px;padding-left:0px;padding-right:0px;margin:0; list-style:none;color:gray;font-size:9pt;line-height:1.5}

在版块帖子列表中直接调用显示的回复帖(b.asp)

[hr]

.b_assort{color:#082602;padding-top: 11px;height:17px;padding-bottom: 8px;}
.b_assort_title{margin-right:8px;color:#dcdab4;padding-left:0px;float:left;font-size:14px;line-height:14px;}
.b_assort_title a{color:#dcdab4}
.b_assort_title a:hover{color:#827c31;filter:alpha(opacity=60); opacity:0.6;}

论坛分类及标题块(boards.asp)

[hr]

.b_assort_master{float:right;padding-right:12px;}

区版主，或分类版块的版主

[hr]

.b_board_master{float:left;padding-right:12px;color:#082602}

论坛版主

[hr]

.b_assort_close{float:left; width:20px;height:16px;background: url('../../images/style/extend/taoyuang/collapse.gif') no-repeat 0 -12px; margin-right: 0px; }
.b_assort_close_swap{float:left; width:20px;height:16px;background: url(../../images/style/extend/taoyuang/collapse.gif) no-repeat 0px -53px; margin-right: 0px; }
.b_assort_mini{float:right; width:13px;height:13px;background: url(../../images/style/0/assort_mini.gif) no-repeat 0 50%; margin-right: 2px; }
.b_assort_mini_swap{float:right; width:13px;height:13px;background: url(../../images/style/0/assort_mini_swap.gif) no-repeat 0 50%; margin-right: 2px; }

收起分类，或展开分类

[hr]

.b_list {line-height:1.4;}
.b_list_active {line-height:1.4;}

论坛版块栏及高亮显示

[hr]

.b_list_img{margin-left:3px;margin-right:3px;float:right;}

版块小图标

[hr]

.b_new{padding-left:48px;background: url(../../images/style/extend/taoyuang/b_new.png) no-repeat 0px 50%;*height:1%;min-height:45px;}
.b_none{padding-left:48px;background: url(../../images/style/extend/taoyuang/b_none.png) no-repeat 0px 50%;*height:1%;min-height:45px;}

版块是否有新帖提示图

[hr]

.b_new_boardimg,.b_none_boardimg{height:64px;

padding-top:5px;padding-bottom:5px;padding-right:12px;_padding-right:0px;
border-radius: 6px;}
.tablebox_sim .b_list_img{margin-left:6px;margin-right:6px;float:left;width:64px;height:64px;}
.b_none_boardimg .b_list_img{
filter:alpha(Opacity=50);opacity: 0.5;
}

简约模式下将小图片作为是否有新帖的提示图，此处定义了若无新帖，透明度为0.5

[hr]

.b_none_boardimg .oneline,.b_new_boardimg .oneline{_width:150px;/*ie6 fix*/}

定义了简约模式下，若有版块图标定义的情况下，其它提示信息的宽度（比如版块名称），此处仅为ie6兼容而设

[hr]

.forumname a b{font-weight:bold;}

帖子标题中的粗字体

[hr]

.tablebox_sim .forumname,.tablebox .forumname{padding:2px 0 2px 0;}
.tablebox_sim .forumname a,.tablebox .forumname a{font-size:12px; margin-right:6px;}

首页简约模式中的论坛名称

[hr]

.tablebox_sim .topiccount,.tablebox .elist,.tablebox .post{display:none;}

首页精华帖及发新帖的链接，此处为隐藏不显示

[hr]

.tablebox_sim .b_none,.tablebox_sim .b_new{height:60px;}

简约模式块

[hr]

.tablebox_sim .topiccount{display:block!important;}

简约模式下的主题数量提示信息

[hr]

.contentbox_boards .tdbox{line-height:150%;vertical-align: middle;}

首页版块列表表格单元框

[hr]

.boards_bbsinfo_2 .redfont,.contentbox_boards .redfont{color:red;}

首页新帖数量提示颜色

[hr]

.oneline{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;}

内容单行显示

[hr]

.tablebox_sim .oneline span,.tablebox_sim .oneline a{float:left;word-wrap:normal;white-space:nowrap;/*ie6*/_white-space:wrap;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../../images/pub/ellipsis.xml#ellipsis');
_width:96%;
}

版块简约模式信息行修复

[hr]

.tablebox_sim .tdbox .name{color:#082602;}
.tablebox .tdbox .name{color:#082602;}

版块名称颜色

[hr]

.oneline a span{cursor:pointer;}
.tablebox_sim .b_none,.tablebox_sim .b_new{
padding-top:5px;padding-bottom:5px;padding-right:12px;_padding-right:0px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

简约模式块

[hr]

/*weblink*/
.b_list_box{text-align:left;padding:6px;height:1%;}/*height:1% for IE*/
.b_web_link_sites{text-align:left;width:100%;}

.b_web_link_sites ul{ padding:0; margin:0; list-style:none;}
.b_web_link_sites li{
color:#000000;
float:left;
margin-right:6px;
padding-bottom:6px;
width:96px;
overflow:hidden;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;
}

首页友情链接

[hr]

/*userlists*/
.u_friendlist{text-align:left;width:100%;}
.u_friendlist ul{ padding:0; margin:0; list-style:none;}
.u_friendlist li{
color:#000000;
float:left;
margin-right:5px;
padding-top:5px;
width:90px;}

发短消息时，选择好友的列表

[hr]

.ol_1{padding-left:26px;background: url(../../images/style/extend/taoyuang/1.gif) no-repeat 10px 0%;}/*online icon*/
.ol_2{padding-left:26px;background: url(../../images/style/extend/taoyuang/2.gif) no-repeat 10px 0%;}
.ol_3{padding-left:26px;background: url(../../images/style/extend/taoyuang/3.gif) no-repeat 10px 0%;}
.ol_4{padding-left:26px;background: url(../../images/style/extend/taoyuang/4.gif) no-repeat 10px 0%;}
.ol_5{padding-left:26px;background: url(../../images/style/extend/taoyuang/5.gif) no-repeat 10px 0%;}
.ol_6{padding-left:26px;background: url(../../images/style/extend/taoyuang/6.gif) no-repeat 10px 0%;}
.ol_7{padding-left:26px;background: url(../../images/style/extend/taoyuang/7.gif) no-repeat 10px 0%;}

在线人员标题，分别对应总版主，区版主，版主，认证会员，普通用户，隐身用户，游客

[hr]

.swap_ol{padding-left:18px;width:20px;height:15px;background: url('../../images/style/extend/taoyuang/collapse.gif') no-repeat 0 -92px;}
.swap_ol_close{padding-left:18px;width:20px;height:15px;background: url('../../images/style/extend/taoyuang/collapse.gif') no-repeat 0 -133px;}

展开显示/关闭显示图片（比如展开显示专题或是在线用户）

[hr]
回复
4楼 suPer 于 2014-05-13 22:36:15


/*page*/
.j_page {
     padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px;float:right;font: 12px Arial,Helvetica,Verdana,sans-serif;
}
.b_smalllist .j_page{float:left !important;}
.j_page a,.j_page B {
     margin:1px 0px 1px 3px;border: #dcdab4 1px solid; padding: 0px 6px 0px 6px;overflow: hidden; line-height: 17px;height: 17px;_height /*5.5*/:19px; float: left;
     background-color:#dcdab4;color:#827c31;
     -moz-border-radius: 4px;
     border-radius: 4px;vertical-align: middle;
}
.j_page a:hover,.j_page .select {
     text-decoration:none;
     background-color:#827c31;color:#fff;border: #827c31 1px solid;
}
.j_page b {
     font-weight:normal;color:#fff;
     background-color:#72714e;border: #72714e 1px solid;
}
.j_page input{margin:1px 0px 1px 3px;border:#dcdab4 1px solid;font-size:9pt;height:15px;line-height:15px;_height /*5.5*/:19px;vertical-align: middle;}

分页跳转样式

[hr]

#tablehead{display:none}
#tablebottom{display:none}

自定义的html头和尾部html代码，这里作了隐藏

[hr]

.pagebottom{}
.bottominfo .area{color:#36a3d4;text-align: center;padding-bottom:0px;}
.bottominfo a{color:#000}
.bottominfo a:hover{color:#827c31}
.copyright{color:#000;padding-top:16px;padding-bottom:5px;}
.version{color:#9b9a6e;text-align: center;font:11px Tahoma,sans-serif,arial;}
.version a{color:#9b9a6e}
.createtime{color:#9b9a6e;text-align: center;font:11px Tahoma,sans-serif,arial;display:inline;}

底部信息及版权信息

[hr]

/*b.asp*/
.b_box{color:#6C6B4A;text-align:left;padding:6px;min-height:5px;height:1%;border:#a2a070 1px solid;margin-top:6px;overflow:hidden;}
.b_box_none{color:gray;text-align:left;padding-top:12px;height:1%;padding-bottom:11px;}
.b_box_none2{color:gray;text-align:left;padding-top:15px;height:1%;padding-bottom:11px;}
.b_box_nav{float:left;min-width:60%;color:black;}/*min-width for chrome*/
.b_box_nav B{color:#72714e;}
.b_box_nav ul{ padding:0; margin:0; list-style:none;}
.b_box_nav li{ padding-right:17px; display:inline;}
.b_anc_master{float:right;}
.b_assortlist{line-height:2.0;}
.b_assortlist ul{ padding:0; margin:0; list-style:none;}
.b_assortlist li{ padding:0; display:inline;white-space:nowrap;word-wrap:normal;}
.b_assortlist B{padding-right:10px;color:#dcdab4}
.b_assortlist a,.b_assortlist b{border-radius:2px;padding:1px 8px;margin:0px 5px 6px 0px;
border-radius:2px;margin-right:10px;border: #a2a070 1px solid;display:inline;float:left;}

帖子列表页(b.asp)，版块综合信息样式

[hr]

.b_post{cursor:pointer; width:90px;height:36px;margin-right: 16px; }
a.b_post_link{cursor:pointer; width:90px;height:36px;background: url(../../images/style/extend/taoyuang/pn_post.png) no-repeat center; margin-right: 16px;display:block;
-moz-border-radius: 4px;
border-radius: 4px;
border:#a2a070 1px solid;
}
a.b_post_link:hover{background: url(../../images/style/extend/taoyuang/pn_post2.png) no-repeat center;}
.b_repost{cursor:pointer; width:90px;height:36px;}
.b_repost_link{border:#a2a070 1px solid;
cursor:pointer; width:90px;height:36px;background: url(../../images/style/extend/taoyuang/pn_post2.png) no-repeat center; margin-right: 16px;display:block;
-moz-border-radius: 4px;
border-radius: 4px;
}
.b_repost_link:hover{background: url(../../images/style/extend/taoyuang/pn_post2.png) no-repeat center;}

.a_post_image{float:left;}

帖子列表页(b.asp),发帖及回帖图标样式

[hr]

/*ubb js*/
.ubb_box{margin-bottom:6px;border: #eee0cb 1px solid; padding: 3px; background: #f9f5f0; margin: 0px 0px 0.3em;}
.ubb_quote{width:560px;margin-bottom:6px;padding: 30px 10px 10px 10px; border: #eee0cb 1px solid;background: #dcdab4 url(../../images/style/0/quote-left.gif) no-repeat 10px 10px;}
.ubb_quotein{font-size:9pt;padding:0px 24px 0px 24px;background: url(../../images/style/0/quote-right.gif) no-repeat right bottom;}
.ubb_code {padding: 0px;font-size: 12px; margin: 0px; overflow: auto; word-break: break-all; font-family: "Consolas", "Courier New", Courier, mono; background-color: transparent; word-wrap: break-word}
.ubb_code OL {border-right: #eee0cb 1px solid; padding: 5px 5px 5px 0px; border-top: #eee0cb 1px solid; margin: 0px 0px 1px; border-left: #eee0cb 1px solid; color: #2b91af; border-bottom: #eee0cb 1px solid; list-style-type: decimal; }
.ubb_code OL LI {padding: 2px 2px 2px 10px; margin: 0px 0px 0px 38px; border-left: #eee0cb 1px solid; line-height: 18px; background-color: #dcdab4}
.ubb_code OL LI span{color:black;}

一些ubb标签的样式，比如引用，代码

[hr]

/*a.asp*/
.a_headinfo{float:left;}
.a_headinfo ul{ padding:0; margin:0; list-style:none;}
.a_headinfo li{ padding-right:10px; display:inline;}
.a_headinfo B{color:red}

查看帖子信息页(a.asp)，标题栏及上篇，下篇　块定义

[hr]

.a_box_list{float:right;color:black;}
.a_box_list ul{ padding:0; margin:0; list-style:none;}
.a_box_list li{ padding-left:10px; display:inline;}

查看帖子信息页(a.asp)　上篇，下篇　块定义

[hr]

.a_author{float:left;line-height:1.8;}

查看帖子信息页(a.asp) 作者块

[hr]

.a_ancinfo{color:#82815a;float:left;min-width:80%;line-height:1.8;}/*min-width for chrome*/
.a_ancinfo ul{ padding:0; margin:0; list-style:none;}
.a_ancinfo li{ margin-right:12px; display:inline;}
.a_ancinfo em{font-style:normal;color:#82815a;font-size:10px;}

查看帖子信息页(a.asp) 作者信息块

[hr]

.layer_ajaxmsg a,.a_ancinfo a{color:#72714e;}
.layer_ajaxmsg a:hover,.a_ancinfo a:hover{color:#827c31;}

提示消息，或是(a.asp)页,超级链接

[hr]


.a_floor{float:right;line-height:1.8;}

查看帖子信息页(a.asp)　楼层

[hr]

.a_userinfo .a_faceimg{margin-bottom:6px;border: #a2a070 1px solid; padding: 3px; background: #dcdab4; margin: 0px 0px 0.3em;}
.a_userinfo{float:left;padding-bottom:9px;line-height:1.4;}
.a_userinfo ul{ padding:0; margin:0; list-style:none;}
.a_userinfo li{ padding:0px;margin:0;width:100%;float:left;*float:none;}
.a_userinfo .name{ width:28px;float:left;}
.a_userinfo .value{ padding-left:2px;}

查看帖子信息页(a.asp) 作者信息块

[hr]

.a_levelimg{margin-bottom:3px;margin-top:5px;}

查看帖子信息页(a.asp)用户等级

[hr]

.tablebox .tdleft{padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:5px;border-right: 1px #a2a070 solid;}

表格块左栏

[hr]

.tablebox .tdright{padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:0px;}

表格块右栏

[hr]

.anc_table {}
.a_topiccontent{padding-top:12px;padding-bottom:8px;min-height:60px;}

查看帖子信息页(a.asp) 帖子内容块

[hr]

.a_userinfotd{}

查看帖子信息页(a.asp) 用户信息块

[hr]

.a_ancinfotd{}
.a_ancinfotd .a_ancinfobox{padding-bottom:5px;border-bottom:1px #a2a070 solid;width:100%;/*width for ie*/}

查看帖子信息页(a.asp) 帖子信息及管理块

[hr]

.a_topicad{margin-bottom:12px;padding-top:5px;padding-left: 18px; background: url(../../images/style/0/ad.png) no-repeat left bottom;}
.a_topicad a{color:#dcdab4;font-weight:bold;}

查看帖子信息页(a.asp) 帖间广告

[hr]

.a_anctitle{padding-bottom:12px;margin-top:6px;font-size:14px;}

查看帖子信息页(a.asp) 帖子及回复帖标题

[hr]

.a_contentnote{padding-top:10px;padding-bottom:12px;}
.a_contentnote em{font-style:normal;color:gray;font-size:12px;}

查看帖子信息页(a.asp) 帖子标注信息（比如什么时候编辑过）

[hr]

.a_content{margin-top:6px;margin-bottom:6px;line-height:1.8em;}
.a_content a{color:#1B7AC9;}
.a_content a:hover{text-decoration:none;color:#827c31;}

查看帖子信息页(a.asp)　内容块

[hr]

.a_opinion{margin-top:19px;margin-bottom:20px;padding-left:37px;background: url(../../images/style/0/opinion_left.gif) no-repeat 0px 0px;height:49px;line-height:38px;}
.a_opinion_un{margin-top:19px;margin-bottom:20px;padding-left:37px;background: url(../../images/style/0/opinion_left_un.gif) no-repeat 0px 0px;height:49px;line-height:38px;}
.a_opinion2{padding:0px;margin-top:11px;padding-right:13px;background: url(../../images/style/0/opinion.gif) no-repeat 100% 0px;height:38px;float:left;}
.opinion_list ol{padding:0px 0px 0px 37px; margin:0;line-height:1.6;}
.opinion_list span{margin-right:5px;}
.opinion_list .time{color:gray;font-size:10px;}
.opinion_list .split {padding:5px 0px 5px 18px;}
.opinion_list .split a{color:#dcdab4;}

查看帖子信息页(a.asp)　评价信息

[hr]

.tdbottom{padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:5px;}
.a_contentbottom{margin-bottom:9px;}

查看帖子信息页(a.asp)　内容块底部

[hr]

.a_signature{color:#2e2e2e;background:url(../../images/style/0_1/signature.gif) no-repeat 0px 0px;padding-top:22px;width:80%;max-height:420px;
height: expression((this.scrollHeight>420)?420:this.scrollHeight-22+'px');
overflow:hidden;}

查看帖子信息页(a.asp)　签名块

[hr]

.ico .layer_icon_title a,.ico a.a_pic{
     height: 22px;
     width: 22px;
     cursor: pointer;
     float:left;
     outline: none;
}
.ico .layer_icon_title a:hover,.ico a.a_pic:hover{background-color:#ccc;}
.ico .layer_iteminfo{max-height:200px;overflow-y:auto;overflow-x:hidden;border:#a2a06a 1px solid;padding:0 0 8px 0;
_height: expression((this.scrollHeight>420)?420:this.scrollHeight-22+'px');
}
.ico .menu_list li{padding:5px 13px 5px 13px;*background:#fff;}
.ico .menu_list .menuhead{background:#d0e4e1;font-weight:bold;font-size:9pt;border-bottom:#a2a06a 1px solid;}
.a_editanc_nav{color:gray;text-align:left;padding-top:12px;height:1%;padding-bottom:11px;}
.a_editanc_nav ul{ padding:0; margin:0; list-style:none;}
.a_editanc_nav li{ padding-left:7px;padding-right:1px; display:inline;}
.a_pic{cursor:pointer; width:22px;height:22px;background: url(../../images/style/0_1/edit_icon.gif?1) no-repeat;}


编辑器功能小图标样式

[hr]

.a_editmode{user-select:none;cursor:pointer;float:left;width:97px;height:15px;background: url(../../images/style/extend/taoyuang/edit_mode.gif) no-repeat;position:relative;top:-1px;}
.a_editcollapse{cursor:se-resize;float:right;width:26px;height:26px;background: url(../../images/style/extend/taoyuang/edit_mode.gif) no-repeat -74px -30px;position:relative;left:24px;top:-27px;_left:-2px;}

编辑器编辑框右下角拉伸功能图片

[hr]

.a_modetext{background-position:0px 0px;}
.a_modeedit{background-position:0px -15px;}

编辑器编辑模式，文本和高级模式

[hr]

.btn_upload{width:50px;overflow:hidden; background: url(../../images/style/extend/taoyuang/uploadbtn.gif); height:32px;cursor:pointer;}

上传附件按钮图片

[hr]

/*for user*/
.user_table{text-align:left;overflow:hidden;background-repeat: repeat-y;}
.user_table{border-left:#fff 1px solid;border-right:#fff 1px solid;width:auto!important;}
.user_table .tdleft{padding-top:24px;padding-bottom:24px;border-right: 0px #F4E6D1 solid;line-height:1.8;}
.user_table .content_side_left{border-top:#fff 0px solid!important;width:179px;border-right:#dcdab4 1px solid;}
.user_table .tdright{padding-top:24px;padding-bottom:48px;}
.tdright_collapse{padding-left:24px;padding-right:6px;}
.user_table .tdleft .title{padding-left:24px;padding-right:24px;color:#72714e;font-weight:bold;font-size:10pt;}
.user_table .tdright .title{color:#72714e;font-weight:bold;padding-bottom:6px;padding-top:16px;}
.user_table .tdright .value3{padding-top:6px;padding-left:12px;}
.user_table .tdright .value2{padding-top:6px;line-height:1.6;}
.tdleft .user_itemlist{color:gray;text-align:left;padding-top:6px;padding-bottom:12px;}
.tdleft .user_itemlist ul{ padding:0; margin:0; list-style:none;}
.tdleft .user_itemlist li{padding-left:24px;padding-right:24px; padding-top:3px;padding-bottom:3px;}
.tdleft .user_itemlist li.select {#border-top: #F4E6D1 4px solid!important;/*ie7.0*/
border-right:white 1px solid;border-top: #F4E6D1 1px solid;border-bottom:#F4E6D1 1px solid;padding-top:3px;padding-bottom:2px;position: relative; left:1px;top:0px;}
.tdleft .user_itemlist li.select a{color:#D8276E;}
.blanktable{padding-bottom:12px;clear:both;}
.blanktable td{padding-top:5px;padding-bottom:5px;padding-right:12px;}
.user_item_nav{color:gray;border-bottom:1px #a2a070 solid;padding-bottom:0px;margin-bottom:12px;}
.user_item_nav ul{ padding:0; margin:0; list-style:none;}
.user_item_nav li{margin-right:0px;display:inline;float:left;padding-bottom: 0px;}
.user_item_nav .name{float:left;margin-right:6px;padding-bottom: 3px; padding-top: 3px;font-weight:bold;color:#72714e}
.navactive{border-top: #a2a070 1px solid;border-right: #a2a070 1px solid;border-left:#a2a070 1px solid; padding-right: 6px; padding-left: 6px; padding-bottom: 0px; overflow: hidden; line-height: 20px; padding-top: 0px; float: left;
     background-color:#827c31;color:white;height:19px;}
.user_item_nav a{border-top: #a2a070 1px solid;border-right: #a2a070 1px solid;border-left:#a2a070 1px solid;padding-right: 6px; padding-left: 6px; padding-top: 3px;padding-bottom: 2px; float: left;
     background-color:#a2a070;color:#827c31;}
     
用户信息页面及其它一些功能页面样式定义

[hr]

.table_in{table-layout:fixed;}
.table_in .tdbox{font-size:9pt;padding-top:6px;padding-bottom:6px;padding-right:12px;border-top:1px solid #a2a070;line-height:1.8;}
.table_in .num {font-family:Arial,sans-serif;font-style:normal;font-size:12px;}
.table_in em {font-family:Arial,sans-serif;font-style:normal;font-size:11px;}
.tbinhead td{color:#72714e;padding:0px;}
.tbinhead .value{padding-right:3px;padding-top:6px;padding-bottom:5px;}
.table_in .tdbox .user {font-weight:bold;color:#72714e;padding-top:6px;}
.table_in .tdbox ul{padding:3px; margin:0px;list-style:none ;}
.table_in .tdbox li{margin-bottom:2px;}

一些内嵌表格样式定义

[hr]

.uploadimg{background-color: #efefef;border:1px #efefef solid;}

上传附件图片展示样式

[hr]

/*ajax window*/
.layer_ajaxitem{width:420px;height:auto;text-align:left;float:left;border:0px #dcdab4 solid;padding:6px;position: absolute;z-index:80;background:#dcdab4;display:none;

-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.ajaxitemtitle{width:100%;padding-top:10px;padding-bottom:6px;background:#f4f2c9;

border-top-right-radius: 11px;
border-top-left-radius: 11px;
}
.ajaxitemtitle .title{float:left;margin-left:20px;font-weight:bold;color:#72714e;font-size:11pt;padding-left: 20px; background:url(../../images/style/0/ajaxitemtitle.gif) no-repeat 0 0px;}
.layer_ajaxmsg{width:300px;height:auto;text-align:left;float:left;border:1px #dcdab4 solid;padding:1px;position: absolute;z-index:90;background:url(../../images/style/0/overlay_msgbody.png);display:none;}
.layer_alertmsg{min-width:35px;height:auto;text-align:left;float:left;border:1px #dcdab4 solid;padding:5px;position: absolute;z-index:90;background: url(../../images/style/0_1/overlay_alertmsg.png);display:none;}
.layer_alertmsg a{margin:5px;}
.ajaxbox{text-align:left;padding:10px 20px 20px 20px;margin-top:4px;margin-bottom:4px;line-height:1.7;}
.ajaxbox .title{font-weight:bold;padding-top:6px;}
.ajaxbox .value2{padding-top:6px;line-height:1.6;}
.layer_ajaxitem a{color:#72714e;}
a.layer_close,.layer_close a{margin-right:13px;cursor:pointer; width:15px;height:15px;background: url(../../images/style/0_1/layer_close.gif) no-repeat;float: right;}
a.layer_close:hover,.layer_close a:hover{background-position: 100% -15px;float: right;}
.ajaxitembody{background:#ffffff;padding-bottom:10px;float:left;width:100%;_overflow /*5.5*/:visible;
_width /*ie5.5*/:420px;

-moz-border-radius-bottomleft: 11px;
-moz-border-radius-bottomright: 11px;
-khtml-border-bottom-left-radius: 11px;
-khtml-border-bottom-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px;
-webkit-border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}

.overlay{position:absolute;z-index:70;width:100%;background:url(../../images/style/0/overlay.png);top:0;left:0;display:none;}
.ajaxloading{cursor:pointer; width:32px;height:32px;background: url(../../images/style/0/ajax_loader.gif) no-repeat; margin:12px 6px 12px 10px;float: left;}
/* ie6 ie5.5 */* html .overlay { filter:alpha(opacity=50);}

ajax弹出窗样式（比如登录，选择风格）

[hr]

/*lightbox*/
.light_img{backgrond:red}
.light_top{margin-top:6px;text-align:right;}
.light_box{z-index:100;background:#ffffff;padding:5px;min-height:50px;}
a.light_none{background:url(../../images/blank.gif) no-repeat center left;}
a.light_prev{background: url(../../images/style/0_1/prevlabel.gif) no-repeat center left;cursor:pointer;}
a.light_next{background: url(../../images/style/0_1/nextlabel.gif) no-repeat right center;cursor:pointer;}
.light_top a,.light_top span{vertical-align:middle;display: inline-block;*display: inline;zoom:1;}
.light_top span{float:left;font: 10px Verdana, Helvetica, sans-serif;color:gray;margin-right:6px;}
.light_top a{font: 10px Verdana, Helvetica, sans-serif;margin-left:6px;}
a.light_close{cursor:pointer; width:15px;height:15px;background: url(../../images/style/0_1/layer_close.gif) no-repeat;}
a.light_close:hover{background-position: 100% -15px;}
a.light_neww{cursor:pointer; width:15px;height:15px;background: url(../../images/style/0_1/layer_close.gif) no-repeat 100% -30px;}
a.light_neww:hover{background-position: 100% -45px;}

lightbox展示图片样式

[hr]

/*more css*/
.alertbox{text-align:left;padding:50px;margin-top:24px;margin-bottom:24px;border:1px #f4f2c9 solid;line-height:1.7;}
.alertbox .title{color:#dcdab4;font-weight:bold;padding-bottom:12px;padding-top:12px;}
.alertbox .value2{padding-top:6px;line-height:1.6;}

一些错误提示信息框样式

[hr]

.verifycode{border:0px black solid;margin:0px;padding:0px;margin-top:0px;display:inline;}

验证码

[hr]

hr{clear:both;border:0 solid #ffffff;}

.splitline{height:1px;border-top:1px dashed #cccccc;}
.splitupright{border-right:1px solid #a2a070;width:75%;table-layout:fixed;overflow:hidden;float:left;margin-right:16px;}
.splitline2{padding:1px;margin-top:1px;margin-left:16px;margin-right:16px;border-width:1px 0;border-top-color:#eefcfc;border-bottom-color:#EEEEEE;}

一些分隔线定义

[hr]

.alert{color:red;font-weight:bold;padding-bottom:12px;padding-top:12px;}

错误警告信息

[hr]

.fontzi{font-size:14px;}
.helpOL li{margin-bottom:12px;}

帮助文件中可能用到的样式

[hr]

.a_image {-ms-interpolation-mode:bicubic;margin-bottom:6px;margin-top:6px;max-width:620px;cursor:pointer; zoom:expression(function(elm){if(elm.width>620){elm.height=elm.height*(691.5/elm.width),elm.width=620}elm.style.zoom=1}(this));}

展示的图片（一般是查看帖子内容时的图片）

[hr]

.icon_min{border:1px #dfdfdf solid;_border /*ie5.5*/:0px #f4f2c9 solid;width:34px;height:34px;cursor:pointer;float:left;text-align:center;margin:1px;}
.icon_min_value{
background-color: #FBF8F4;border: #a2a070 1px solid; padding-right: 8px; display: none; padding-left: 8px; z-index: 60; padding-bottom: 8px; color: #333; line-height: 160%; padding-top: 5px; position: absolute; text-align: left;
}
.icon_min table{height:32px;width:32px;}
.icon_min img{max-width:32px!important;max-height:32px!important;max-width:32px;max-height:32px;}

编辑器插入表情框样式

[hr]

.a_quote {border:1px #D8276E solid;padding:12px;}

引用

[hr]

.absmiddle{vertical-align: middle;margin-top:0px;}
.fire:after { content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
一些不需要改动的定义

[hr]

.editor_top{
background: #e7f0ef;background-image:linear-gradient(#fff,#d2d1ad);
width:95%;padding:6px 10px 0 10px;border-top:#a2a06a 1px solid;border-left:#a2a06a 1px solid;border-right:#a2a06a 1px solid;}
.editor {padding:10px 10px 10Px 10px;width:95%;border-right: #a2a06a 1px solid; border-top: #a2a06a 1px solid; background: #ffffff; font: 12px Tahoma, Verdana,sans-serif; border-left: #a2a06a 1px solid; border-bottom: #a2a06a 1px solid}
table.editor_table{border-bottom: #a2a06a 1px dotted;}
.editor textarea {padding:0px;resize:none;width:95%;overflow: auto; border: 0px; background: none transparent scroll repeat 0% 0%;word-break: break-all; word-wrap:break-word;}
.editor textarea:focus{outline: none;}
.editor_choose{width:95%;display:block;_height:26px;*overflow:hidden;}

编辑器整体样式，比如背景边框定义

[hr]

.anctb {
     border-collapse: collapse; empty-cells: show;border-top: gray 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;
}

发表帖子界面表格样式

[hr]

table {border-collapse: collapse; empty-cells: show}

.tdleft .swap_collapse{cursor:pointer;color:#827c31;padding-left:12px; margin-left:12px;margin-right:12px;margin-top:12px;margin-bottom:3px; background: url(../../images/style/extend/taoyuang/swap_close.gif) no-repeat 100% 50%;}
.tdleft .swap_open{cursor:pointer;color:#dcdab4;padding-left:12px;margin-left:12px;margin-right:12px;margin-top:12px;margin-bottom:3px; background: url(../../images/style/extend/taoyuang/swap_open.gif) no-repeat 100% 50%;}
.tdleft .swap_collapse span,.swap_open span{background-color:#b9b88c;}

/*select div*/
.layer_optioninfo{margin-top:2px;}
.layer_optioninfo .menu_list li{ display: block; float: left; white-space: nowrap; font-size:9pt; text-decoration: none}
.layer_optioninfo .menu_list li {
float: none;padding-right: 5px; padding-left: 5px; padding-bottom: 1px; padding-top: 1px;
}
.layer_optioninfo .menu_list li{
padding:0px 5px 0px 5px;cursor:pointer;
}

.layer_option a,layer_optionactive a{outline: none;}
.layer_optioninfo{
background-color: #f3faf6;border: #a2a06a 1px solid;
padding-right: 0px; display: none; padding-left: 0px; z-index: 60; padding-bottom: 4px;padding-top: 4px; color: #333; line-height: 1; position: absolute; text-align: left;
overflow-y:auto;
overflow-x:hidden;
max-height:400px;
min-width:78px;

}

.layer_optioninfo a{display: block; float: left; white-space: nowrap; font-size:9pt; text-decoration: none}

.layer_optioninfo li{display:inline;}
.layer_optioninfo li a{
float: none;padding-right: 22px; padding-left: 3px;
padding-top:3px;padding-bottom:5px;
color:#72714e;
}

.layer_optioninfo li a:hover{
color:#827c31;
text-decoration:none;
background-color:#a2a070;
}


.layer_option_title{cursor:pointer;
float:left; /*for ie6.0*/
border: #a2a06a 1px solid; padding-right: 29px; padding-left: 9px;  
margin-left: 0px; height:30px;line-height:30px;
     background:#f3faf6 url(../../images/style/extend/taoyuang/layer_option.gif) no-repeat right 50%;
     color:#72714e;
     white-space: nowrap;
}

select表单样式定义

[hr]

/*login*/
#login_form{color:gray;}
#login_form .a{padding-left:5px;position: relative; left:0px;z-index:1;border-left:1px #a2a06a solid;border-top:1px #a2a06a solid;border-bottom:1px #a2a06a solid;padding-top:1px;padding-bottom:1px;height:28px;line-height:28px;display:inline-block;vertical-align: middle;}
#login_form input{border-left:0px #a2a06a solid;margin-right:10px;}
#login_form .layer_option_title{margin-right:10px;}
.fminpt { _height /*ie5.5hack*/:21px;}
#login_form .layer_option_title{border-left:0px #a2a06a solid;background-color:#ffffff}

登录界面样式

[hr]

.head_relogin{display:none;}
.bottom_ad{width:100%;}

底部广告，一般是放统计器

[hr]

.skinlist{padding:0px; margin:0px;list-style:none ;}
.skinlist li{width:50%;max-height:105px;overflow:hidden;float:left;padding-bottom:24px;padding-top:0px;text-align:center;position:relative;}
.skinlist li img{}
.skinlist br{width:1px;clear:both;}
.skinlist .skin_name{color:#fff;margin:0 auto;height:22px;line-height:22px;position:relative;display:block;width:140px;overflow:hidden;float:inherit;top:-28px;*top:-22px;background:#72714e;filter:alpha(Opacity=60);opacity: 0.6;}

风格选择界面

[hr]

.clear {clear:both;height:0;width:0;}

.searchresult{float:left; background:#efefef;}
.searchresult .j_page {margin-right:3px;}
.j_page .curpage{font-weight:bold;}
.searchresult .total{padding-right:5px;float:left;display:block;color:gray;font-style:normal;font-size:10px;background:#efefef;border:1px solid #efefef;}
#searchform .searchkey{
font-size:14px;line-height:28px;height:28px;width:240px;
}
#searchform .searchbtn{
background: #0066cc;
border:#a2a06a 1px solid;
border-left:#a2a06a 0px solid;
font:14px arial;
height:30px !important;width:55px;
}
#searchform {margin-bottom:30px;}

.search_content{margin-right:30px;}
.search_content .value{line-height:18px;}
.search_content .splitline{margin:15px 0px 15px 0px;}
.search_content .valuetitle{margin-top:15px;margin-bottom:5px;}
.search_content .valuetitle .fontzi{font-size:15px;}
.search_content .page{color:gray;font: 10px arial;}

搜索页面相关样式

[hr]

.content_side_box .playimages{
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:0px #f4f2c9 solid;background-color:#f4f2c9;padding:0px; margin:0px;list-style:none ;
}
.content_side_box .playimages{margin-left:5px;margin-top:6px;margin-bottom:6px;}
.content_side_box .playimages {position:relative; width:168px; height:105px; border:0px solid #a2a070; overflow:hidden;}
.playimages .playimages_list img {border:0px;}
.content_side_box .playimages .playimages_bg {position:absolute; bottom:0;background-color:#000;height:18px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:168px; }
.playimages .playimages_info{position:absolute; width:100%;bottom:1px; left:5px;line-height:16px;color:#fff;z-index:1001;cursor:pointer;font-size:12px;white-space:nowrap;word-wrap:normal;/*ie6*/_white-space:wrap;max-width:170px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../images/pub/ellipsis.xml#ellipsis');
width: expression((this.scrollWidth>158)?158:this.scrollWidth+'px');}
.content_side_box .playimages ul {position:absolute;top:6px;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
                 margin:0; padding:0; right:6px;
                 -moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
                 }
.playimages ul li { line-height:12px;height:12px;padding:0px 4px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer;font-family:Arial,sans-serif;font-style:normal;font-size:10px;}
.playimages ul li.on { background:#900}
.content_side_box .playimages_list a{position:absolute;width:168px;height:105px;background:#f4f2c9;display:block;}
.b_getlist{display:none;float:right;margin-top:4px;}

侧栏最新图片，或是其它最新图片展示样式

[hr]

.spage{float:right;padding:0px 10px 0px 23px;background: url(../../images/style/extend/taoyuang/subpags.gif) no-repeat 9px;line-height:14px;
height:24px;line-height:24px;
}
.spage .page{height:24px;line-height:24px;}
.spage .ps,.spage .pe{display:none;}

小分页样式

[hr]

.boardnavlist{line-height:23px;width:100px;float:right;}
.boardnavlist .swap_collapse,.boardnavlist .navtitle,.boardnavlist .swap_open,.boardnavlist li,.boardnavlist ul {

padding:0px 7px;margin-right:0px;cursor:pointer;color:#082602;
}
.boardnavlist .navtitle{background-color:#dcdab4;}
.boardnavlist .swap_collapse{}
.boardnavlist .swap_open{}

.boardnavlist .navtitle{font-weight:bold;margin-top:6px;
border-left:#dcdab4 1px solid;
border-right:#dcdab4 1px solid;
color:#827c31;margin-left:12px;}

.boardnavlist .navtitle,.boardnavlist li,.boardnavlist .swap_collapse,.boardnavlist .swap_open{
word-wrap:normal;white-space:nowrap;/*ie6*/_white-space:wrap;max-width:100px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../../images/pub/ellipsis.xml#ellipsis');
_width: expression((this.scrollWidth>100)?100:this.scrollWidth+'px');
}
.boardnavlist .swap_collapse,.boardnavlist .swap_open{
border-left:1px solid #dcdab4;border-right:1px solid #dcdab4;
border-bottom:1px solid #dcdab4;margin-left:12px;
}

.boardnavlist ul{padding:0; margin:0;list-style:none ;margin-right:0px;
border-left:1px solid #dcdab4;
border-right:1px solid #dcdab4;
border-top:0px solid #dcdab4;
border-bottom:1px solid #dcdab4;margin-left:12px;
max-height:300px;overflow-y:auto;overflow-x:hidden;

}
.boardnavlist li{
border:0px solid #fff;
}

小侧栏版块导航样式

[hr]

.forum_options
{cursor:pointer; background: url(../../images/style/extend/01001/forum_options.gif) no-repeat 15px 8px;}
.forum_options_sim
{cursor:pointer; background: url(../../images/style/extend/01001/forum_options.gif) no-repeat 15px -92px;}

.table_options td{vertical-align: top;}
.table_options .topicdiv .new{display:none;}
.table_options .infotype{display:none;}
.table_options .note{padding-top:6px;display:block !important;color:gray;clear:both;}
.table_options .note .lrc_source span{display:none;}
.table_options .hits br,.table_options .author br{display:none;}
.table_options .author a,.author .lastuser, .author .postuser{display:block;clear:both;}
.table_options .hits em{display:block;}
.table_options .lastupdate{padding-top:6px;}
.table_options .note img{padding-right:6px;max-width:140px;max-height:60px;
_width: expression((this.scrollWidth>140)?140:'auto');
_height: expression((this.scrollWidth>105)?105:'auto');margin-top:0px !important;padding-top:0px !important;
}
.table_options .hits{text-align:left;}
.table_options_sim .hits{display:none;}
.table_options_sim .reply{display:none;}
.table_options .hits{width:72px;}
.table_options .author,.table_options_sim .author{width:110px;}

版块帖子列表简约显示，或完整显示样式切换

[hr]

.boardnavlist_sider{overflow:hidden;_float:right;}

小侧栏版块导航，样式修正（ie6修正）

[hr]

/*manager*/
.post_master {background: url(../../images/style/extend/taoyuang/post_master.png) no-repeat left top;_background: url(../../images/style/extend/taoyuang/post_master.gif) no-repeat left top;}

查看帖子时，如果是作者是版主，作出特殊标记（此处显示两个大大的版主二字）

[hr]

.a_content{min-height:120px;}
.anc_table_div .a_seximg{display:none;margin-right:6px;float:right;}
.anc_table_div .info_two span{display:none;}
.anc_table_div .info_onse {padding-bottom:200px;}
.anc_table_div_show .a_seximg{display:block;margin-right:6px;float:right;}
.anc_table_div_show .info_two span{display:block;}
.anc_table_div .info_onse{margin-bottom:0px;}
.a_userinfo .name{color:#1b7ac9;}
.anc_table_div .info_3 {padding-bottom:5px;float:left;width:100%;*float:none;}
.anc_table_div ul.medal{padding-bottom:0px !important;}
.anc_table_div ul.medal img{margin-right:2px;}

定义查看帖子页(a.asp)，自动隐藏左栏用户信息　.anc_table_div .info_two span{display:none;}　改为 .anc_table_div .info_two span{display:block;}则始终显示

[hr]

.content_hidden {border:2px dotted gray;padding:12px;float:left;clear:both;border-radius: 7px;}
.content_hidden .grayfont{display:none;}

一些特殊帖子隐藏后的样式，比如回复才能查看帖

[hr]


/*ad*/
#ad_hometop{padding:0px 0px 0px 0px;display:none!important;
width:100%;height:0px;
}

首页顶部广告代码

[hr]

#ad_homebottom{padding:0px 0px;text-align:center;display:none!important;
width:100%;height:0px;}

首页底部广告代码

[hr]

#ad_boardtop{padding:12px 0px 0px 0px;display:none!important;
width:100%;height:0px;
}

版块帖子列表顶部广告代码

[hr]

#ad_boardbottom{padding:12px 0px;text-align:center;display:none;}

版块帖子列表底部广告代码

[hr]

#ad_topictop{padding:12px 0px 0px 0px;display:none;
/*width:100%;height:90px;*/
}

帖子内容顶部广告代码

[hr]

#ad_topicbottom{padding:12px 0px;text-align:center;display:none;}

帖子内容底部广告代码

[hr]

.bindpost{margin-top:10px;}
.bindpost span{float:left;margin-right:12px;}
.bindpost_icon_s{background: url("../../images/app/small_icons.png") no-repeat;width:20px;height:20px;display:block;float:left;}
.bindpost .item{position:relative;width:26px;height:26px;}
.bindpost .select{background: url("../../images/app/ico_selected.png") no-repeat;width:12px;height:12px;position:absolute;right:6px;bottom:6px;cursor:pointer;}

互联帐号相关样式定义

[hr]

.inline{display:inline-block;text-align:center;}

.bbs_error{display:inline-block;line-height:17px;padding-left: 22px; padding-right: 3px; background: url(../../article/images/cms_error.jpg) no-repeat 0% 50%;font-size:14px;color:red;font-weight:bold;margin:6px 0px;
}

论坛错误提示信息

[hr]

.bbs_ok{display:inline-block;line-height:17px;padding-left: 22px; padding-right: 3px; background: url(../../article/images/cms_ok.gif) no-repeat 0% 50%;font-size:14px;color:blue;font-weight:bold;margin:6px 0px;}

论坛正常提示信息

[hr]

.lrc_content ul,.lrc_content ol,.lrc_content dl { list-style:none; font-size:12px;}
.lrc_content li{line-height:200%;}
.lrc_content li.hover{ color:red; }
.lrc_content{ width:402px; height:200px; background:#ccc; overflow:hidden; padding:10px;}
.lrc_item{width:120px;height:60px;background:#dcdab4;border:#dcdab4 1px solid;display:inline-block;position:relative;overflow:hidden;text-align:center;}
.lrc_item .lrc_content{display:none;}
.lrc_item .lrc_source{background: url("../../images/style/extend/01002/mediaplay.png") no-repeat;font-size:14px;color:#333;line-height:60px;text-shadow: 0 1px 0 #eee;padding:0px;height:100%;display:block;}
a.lrc_source:hover{background: url("../../images/style/extend/01002/mediaplay_over.png") no-repeat;}
.lrc_item .lrc_source img{position:absolute;left:0px;top:0px;width:120px;height:60px;}
.video_play{left:50%;
top:50%;
display:block;
position:absolute;
background: url("../js/jplayer/css/video_play.png") no-repeat 0px 0px;
width: 50px;
height: 50px;
margin-left:-25px;
margin-top:-25px;
text-indent:-9999px;
}
.lrc_close {color:gray !important;display:block;height:32px;line-height:32px;font-size:9pt;}
#jplayer{text-align:left;}

LRC播放器样式

[hr]

.TType a{display:block;width:22px;height:22px;background: url("../../images/style/extend/taoyuang/icons.png") no-repeat 0px 0px;
_background: url("../../images/style/extend/taoyuang/icons.gif") no-repeat 0px 0px;
}
.TType img{display:none;}
a.TopicType_topic{background-position:0px 0px;}
a.TopicType_hot{background-position:-22px 0px;}
a.TopicType_intop{background-position:-44px -37px;}
a.TopicType_parttop{background-position:-22px -37px;}
a.TopicType_alltop{background-position:0px -37px;}
a.TopicType_lock{background-position:-44px 0px;}
a.TopicType_vt{background-position:0px -74px;}
a.TopicType_tpcnew{background-position:-22px -74px;}

文艺字样式（比如三叶草文字）

[hr]

.img_medal{}
.img_medal_big{}

徽章样式，对应普通和大图片

[hr]

.b_line_goodassort{padding:6px 0px!important;border:#fff 0px solid !important;}
.b_line_info{}
.b_logo_info{overflow:hidden;}
.b_logo_info_img{float:left;padding-right:16px;}
.b_logo_info_txt{float:left;color:#666;}

版规相关的样式

[hr]

.ld_tips{padding:12px;border-radius:8px;box-shadow:4px 4px 4px #888;background:#ff6600;color:#fff;position:fixed;font-weight:bold;font-size:14px;}

冒泡信息提示，比如积分+1

[hr]

.ld_alert{padding:12px;border:red 1px solid;border-radius:8px;box-shadow:4px 4px 4px #888;background:#fff;color:red;position:fixed;font-weight:bold;font-size:14px;}

代替alert弹出警报提示

[hr]

.return_top_layout{position:fixed;
_position:absolute;
bottom:20px;right:20px;z-index:20;
border:#a2a06a 1px solid;width:45px;height:45px;}
a.return_top_btn{background:#f7f7f7;width:45px;height:45px;line-height:45px;display:block;}
a.return_top_btn:hover{background:#fff;}
#return_top_text{line-height:44px;display:block;font-size:14px;}
#renturn_top_img{position:absolute;display:block;background:url(../../images/others/imgcenter.png) no-repeat;width:25px;height:25px;margin:10px;*left:0px;*right:10px;}

返回顶部功能样式

[hr]

.page_source {width:340px;height:100px;overflow:hidden;border:#a2a06a 1px solid;display:block;padding:6px;font-size:12px;margin-bottom:12px;}
.json_data{}
.page_source .jsonapi_logo{float:left;max-height:100px;max-width:100px;*height:100px;*width:100px;margin-right:6px;}
.page_source .jsonapi_title{max-width:220px;*width:200px;cleat:both;overflow:hidden;font-weight:bold;display:block;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:6px;}
.page_source .jsonapi_description{font-weight:normal;color:gray;margin-bottom:6px;line-height:1.75em;display:block;}

自动解析帖子链接提取的帖子简要信息样式

[hr]

.a_content_td p{line-height:2em;padding:0;margin:0;color:#333;}

.boards_bbsinfo_2{color:#082602;}
回复
5楼 51yd 于 2014-05-14 00:01:45
先收藏起来，慢慢研究。
回复
12 　

电脑版 Page created in 0.1016 seconds with 4 queries.