在线情况
楼主
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
9.0 css样式作用简单介绍
给大家介绍一下9.0的css文件的代码作用,对于不熟悉css的站长可能有那么一点参考作用

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


下面以风格桃源人家为例.
asp技术学习感谢您的参与
在线情况
2
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
@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]
asp技术学习感谢您的参与
在线情况
3
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
[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]
asp技术学习感谢您的参与
在线情况
4
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
.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]
asp技术学习感谢您的参与
在线情况
5
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
/*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;}
asp技术学习感谢您的参与
在线情况
6
  • 头像
  • 级别
  • 徽章
  • 声望+13
  • 积分574
  • 经验362646
  • 文章523
  • 注册2005-11-15
先收藏起来,慢慢研究。
asp技术学习感谢您的参与
在线情况
7
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+14
  • 积分1530
  • 经验278129
  • 文章2378
  • 注册2003-06-14
[P].altlink{ color:blue;text-align:center; line-height:2; min-width:250px; width:auto!important; width:250px; }[/P][P]非本站链接弹出信息框提示样式[/P]
asp技术学习感谢您的参与
在线情况
8
  • 头像
  • 级别
    • 积分35
    • 经验12414
    • 文章28
    • 注册2014-08-16
    [P]SUPER幸苦了[/P]
    asp技术学习感谢您的参与
    在线情况
    9
    • 头像
    • 级别
      • 积分1
      • 经验5983
      • 文章1
      • 注册2014-09-29
      我也先收藏起来!!!
      asp技术学习感谢您的参与
      在线情况
      10
      • 头像
      • 级别
        • 积分20
        • 经验7986
        • 文章19
        • 注册2019-01-15
        [FACE=arial][COLOR=rgb(8, 38, 2)][BGCOLOR=rgb(185, 184, 140)][SIZE=14px]我也先收藏起来!!![/SIZE][/BGCOLOR][/COLOR][/FACE]
        asp技术学习感谢您的参与
        Page created in 0.0312 seconds with 8 queries.