评论主题:
动网论坛7.1SP1 CSS详解
评论对象: 夏雪儿 | 2009/3/29 17:19:07
评论言论: 花了一上午的时间整理了一下相关CSS的帖子整理出来一份相对完整的CSS使用方法,其中有部分功能不祥的参数希望大家踊跃补充来完美这个帖子!
" ' "号后面部分为注释
/* 默认风格 */
a {text-decoration : none;color : #000000; }
'论坛文字链接的颜色
a:hover {text-decoration : underline; color : #4455aa; }
'鼠标悬停在链接上时所产生的效果
body {font-size : 12px; color : #000000; font-family : tahoma, 宋体, fantasy; text-align : center; margin : 0; background-image : none; }
'FONT-SIZE: 12px 字体的大小 COLOR: #000000; 字体的颜色
'FONT-FAMILY 设置或检索用于对象中文本的字体名称序列
'text-align 设置或检索对象中文本的对齐方式
'margin 检索或设置对象四边的外补丁。
'scrollbar:指滚动条
'scrollbar-face-color:表面颜色
'scrollbar-highlight-color:高亮区颜色
'scrollbar-shadow-color:阴影颜色
'scrollbar-3dlight-color:3D颜色
'scrollbar-arrow-color:箭头颜色
'scrollbar-track-color:轨道颜色(滚动条底色)
'scrollbar-darkshadow-color:深阴影颜色
'IE5.5以后的版本都会支持这种自定义滚动条的效果。
td {font-family : tahoma, 宋体, fantasy; font-size : 12px;line-height : normal;}
'表内横向格(行)
th {background-image : url("Default/css/default/bg1.gif"); background-color : #4455aa; color : white; font-size : 12px; font-weight : bold; line-height: normal; }
'表内纵向格(比如一级版块栏目那里的一条,友情论坛最上面那一条等)
'background-image:背景图片
'background-color:背景颜色
'Color:默认为文字颜色
'font-size:字体大小
'font-weight:字形,一般有4种属性:normal(默认)、bold(加粗)、bolder(特粗)、lighter(特细)
th a {color : #fff; text-decoration : none; }
'th样式里文字连接的默认颜色、效果
th a:hover {color : #fff;text-decoration : underline;}
'th样式里鼠标悬停在链接上时所产生的效果
.tabletitle1 {background-color : #6595d6; color : #fff;}
'7。1特有的那个一条里的 XML 的背景颜色和字的颜色
动网论坛7.1SP1 CSS详解 二
来源:myv7.com 加入时间:2006-2-17
.tabletitle2 {background-color : #e4e8ef; }
'这个属性是用在DVBBS用户列表,有“所有用户列表”字样那里的颜色。
.tablebody1 {background-color : #fff; line-height : normal; }
'这个是用在DVBBS两种穿插颜色中的第一主色属性。比如版块介绍那一块
.tablebody2 {background-color : #e4e8ef; line-height : normal; }
'这个是用在DVBBS两种穿插颜色中的第二主色属性。比如斑竹那一条的颜色
.tablebody3 {background-color : #6595d6; }
'
.tableborder1 {width : 92%; border:1px none inherit; background-color : #6595d6;}
'这是表格边线属性(border为边线宽度)基本的表格都是调用的这个
.tableborder2 {width : 92%; border : 1px solid #dedede; background-color : #efefef; margin:0 auto;}
'这个是DVBBS的第二导航栏属性,其border中的solid为边线是直线,也可以设置成其它的,比如dotted(以点组成的虚线)、dashed(以线段组成的虚线)等等,就好象这一条
动网先锋论坛 → 动网论坛 → 『 动网风格模板区 』 → 发表帖子 下面的表格的属性
.tableborder3 {width : 92%; border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; border-top : 0px none inherit;border-bottom : 0 solid #6595d6; background-color : #efefef; }
'menu 表格两侧的竖线颜色
.tableborder4 {width : 92%; border : 1px solid #6595d6;}
'dispbbs.asp页面贴子标题,树型 打印 那一条的表格样式
.tableborder5 {border : 1px solid #6595d6;background-color : #d6e0ef;}
'7。1特有的XML那一个块块的表格属性
.tableborder6 {width : 92%; border : 0 none inherit;background-color : #fff;}
'
.singleborder {font-size : 0px;line-height : 1px;padding : 0px;background-color : #6595d6;}
'首页登陆那一块右边,新进来宾那一条下面的分隔线的颜色
#tabletitleLink a {color : #fff; text-decoration : none;}
'纵向表格内文字链接的属性
#tabletitleLink a:hover {color:#fff;text-decoration : underline;}
'纵向表格内文字链接的属性
#nobold {font-weight : normal;}
动网论坛7.1SP1 CSS详解 三
来源:myv7.com 加入时间:2006-2-17
input , select , textarea , option {font-family : tahoma, verdana, 宋体, fantasy; font-size : 12px;line-height : 15px; color : #000000;}
'输入框、选择框、文本框、选择按钮的属性
.normaltextSmall {font-size : 11px; color : #000000;font-family : verdana, Arial, Helvetica, sans-serif, fantasy;}
'下脚注的字体样式
.menuskin {border : 1px solid #666666; visibility : hidden; font-size : 12px;position : absolute;background-color : #efefef; background-image : url("Default/dvmenubg3.gif"); background-repeat : repeat-y;}
'下拉菜单属性,Border是边框属性,BACKGROUND-COLOR是背景颜色属性,background-image是背景图片
.menuskin a {padding-right : 10px;padding-left : 25px; color : black;text-decoration : none;}
'这里是当鼠标鼠标移动到下拉菜单上所产生的效果,PADDING-RIGHT是文字右边距,PADDING-LEFT为左边距,大家可以根据自己的需要来调整
.menuitems {margin : 2px; padding : 1px; text-align : left; line-height : 14pt; }
'下拉菜单的基本属性
.brightClass {background-color : #d7d7d7; }
'
.redfont {color : red;}
'首页在线图例 那里调用的颜色效果,还有几个红色的地方也是调用的这个效果
.bluefont {color : #6595d6;}
'首页最下面在线列表那一块 的 当前在线等前的小方块的颜色
.imgonclick {cursor : pointer;}
'风格 这个菜单的样式
.menu_popup {display : none; }
'用户控制面板的样式
.itableborder {margin:0 auto;width : 92%;
'首页底部论坛状态部分 三个标志 有新帖 没新帖 那一块的样式
line-height : 15pt;}
'
hr {height:0px;border :0px;border-top: #6595d6 1px solid;width : 100%; }
'分隔线的样式,比如友情论坛下的的那条分隔线
动网论坛7.1SP1 CSS详解 四
来源:myv7.com 加入时间:2006-2-17
div.quote {margin : 5px 20px; border : 1px solid #cccccc; padding : 5px;background : #f3f3f3; line-height : normal;}
'引用其他人发言时,引用框的效果
div.htmlcode {margin : 5px 20px; border : 1px solid #cccccc;padding : 5px;background : #fdfddf;font-size : 14px;
'htmlcode 方框的样式
font-family : tahoma, 宋体, fantasy;font-style : oblique;line-height : normal;font-weight : bold;}
'
div.info {border-top : 1px dotted #cccccc; padding : 5px;line-height : normal; color : #c5c5c5;}
font.showtools {color : white; background-color : #b88ffc; }
.magicframe {border : 1px solid #cccccc; }
.pageinput {border : 1px solid #d6e0ef; background-color : #fafafa; height : 18px;
font-family : Arial, 宋体, fantasy; font-size : 11.5px; }
.copyright {color : #cccccc; line-height : 130%; }
'版权信息样式
#tdleft {float:left;border-right:1px solid #6595d6; width:50%; }
'登陆信息与论坛信息中间那条竖线的颜色
.mainbar1{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; width : 92%; min-width :760px; margin : 0 auto;border-top : 1px solid #6595d6;border-bottom : 1px solid #6595d6; line-height:25px;background-color : #E4E8EF;height:25px;}
'查看新贴 用户列表等的那些设置
.mainbar{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; width : 92%; min-width :760px; margin : 0 auto;line-height:22px;background-color : #fff;}
'改变最左上和右上的半条线的样式
.mainbar0{width : 92%;min-width :760px;margin : 0 auto;line-height:22px;background-color : #fff;}
.mainbar2{border-left : 1px solid #6595d6;border-right : 1px solid #6595d6;width : 92%;min-width :760px; margin : 0 auto;border-bottom : 1px solid #6595d6; line-height:22px;background-color : #E4E8EF;}
'版块列表最左和右边边下半条线的样式
.mainbar3{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-bottom : 1px solid #6595d6;width : 92%;min-width :760px; margin : 0 auto;background-color : #fff;}
'友情链接和论坛在线情况的最左边和右边底下的样式
.mainbar4{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-top : 1px solid #6595d6; width : 92%;min-width :760px;margin : 0 auto;background-color : #fff;height:25px;line-height:25px;}
'分页面版主左边右边下边那条线的颜色
动网论坛7.1SP1 CSS详解 五
来源:myv7.com 加入时间:2006-2-17
index_left_states{border-right : 1px solid #6595d6;width :46px;float:left;height:60px;background-color : #fff;}
'改变论坛状态图标右边的那条线的颜色
.index_right{float:right;width :240px;text-align : left; line-height:25px;}
.index_left_states img{margin-top:28px;}
.boardlogo{float:right;margin-top:4px;margin-right:5px;border:0px;}
'版块图片的样式
#topbar_top{background-image : url("Default/css/default/topbg.gif"); height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_mid{height:70px;text-align : left;background-color : #fff;}
#topbar_bottom{background-image : url("Default/css/default/bottombg.gif");height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_menu{background-image : url("Default/css/default/tabs_m_tile.gif"); height:22px;line-height:22px;text-align : left;}
#topbar_mid_l{width:25%;float:left;margin-left:1px;margin-top:5px;min-width:180px;}
#topbar_mid_m{width:60%;float:left;margin-top:5px;min-width:468px;}
#topbar_mid_r{float:right;margin-top:5px;min-width:90px;line-height:15pt;text-align :right;margin-right:5px;}
'顶部表格样式
.menudiv1{float:left;margin-left:2px;height:20px;line-height:20px;background : url("Default/navspacer.gif") no-repeat;text-indent:8px;}
'首页菜单条分隔图片的样式
.menudiv2{float:left;margin-left:2px;height:20px;line-height:20px;text-indent:8px;}
'改变th上的那条横线的颜色和背景
div.th{border: 1px solid #6595d6;border-bottom : 0px; width : 92%;min-width :760px;margin : 0 auto;background-image : url("Default/css/default/bg1.gif");
background-color : #4455aa; color : white;font-size : 12px;font-weight : bold;height : 26px;line-height : 26px; text-align : left;}
div.th div{height : 26px;line-height : 26px;text-align : center;}
div.th a {color : #fff;text-decoration : none; }
div.th a:hover {color : #fff;text-decoration : underline; }
div.th img{border:0px;margin-top:9px;margin-left:5px;}
.bottomline{height :24px;line-height :24px;border-bottom : 1px solid #6595d6;float:left;}
#rules{border-bottom : 1px solid #6595d6;text-align : left; line-height : 15px; }
'版规下面那条线的颜色
#rulesbody{text-indent:24px;padding:10px;}
动网论坛7.1SP1 CSS详解 六
来源:myv7.com 加入时间:2006-2-17
'班规样式
.list1{float:left;width:32px;border-right : 1px solid #6595d6;}
'回复 人气 状态旁边的那条线的颜色
.list_r{float:right;width:400px;border-left : 1px solid #6595d6; }
'帖子列表th样式背景作者左边的那条线的颜色
.list{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-bottom : 1px solid #6595d6;width : 92%;min-width :760px;margin : 0 auto;background-color : #fff;height:26px;line-height:26px;text-align : left;overflow :hidden;}
'帖子列表左右下边样式和帖子标题列表样式.
.list div{height:26px;}
.list_s{float:left;text-align : center;width:32px;border-right : 1px solid #6595d6;background-color :#e4e8ef; }
'帖子列表状态图片右边那条线的颜色 background-color :#e4e8ef; 帖子列表状态图片下的背景颜色
.list_s img{margin-top:6px;}
.list_a{float:left;text-align : center;width:80px;border-right : 1px solid #6595d6;background-color : #e4e8ef; overflow :hidden;}
'帖子列表作者右边那条线的颜色 background-color : #e4e8ef; 帖子列表作者的背景颜色
.list_c{float:left;text-align : center;width:50px;border-right : 1px solid #6595d6;background-color : #fff; overflow :hidden;}
;(帖子列表回复和人气右边的那条线的颜色 background-color : #fff;帖子列表回复和人气的背景颜色
.list_t{float:left;text-align : center;width:120px;margin-left:5px;overflow :hidden;}
.list_r1{float:right;width:400px;border-left : 1px solid #6595d6;background-color : #e4e8ef;}
'贴子列表作者左边的那条线的颜色 background-color : #e4e8ef; 最后更新的背景颜色
.list_img{float:left;text-align : center;}
.list_img img{margin-left:2px;margin-top:8px;margin-right:8px;border:0px;}
form{margin:0px;}
#posttopic{width:85px;height:26px;float:left;background-image : url("Default/postnew.gif"); margin : 2px;cursor:pointer;}
'发表新贴的图标样式
#postvote{width:85px;height:26px;float:left;background-image : url("Default/votenew.gif"); margin : 2px;cursor:pointer;}
'发新投票的图标样式
动网论坛7.1SP1 CSS详解 七
来源:myv7.com 加入时间:2006-2-17
#postpaper{width:85px;height:26px;float:left;background-image : url("Default/xzb.gif"); margin : 2px;cursor:pointer;}
'发小字报的图标样式
#repost{width:85px;height:26px;float:left;background-image : url("Default/mreply.gif");margin : 2px;cursor:pointer;}
'回复此帖的图标样式
#postalipay{width:85px;height:26px;float:left;background-image : url("Default/alipay.gif"); margin : 2px;cursor:pointer;}
'发起交易的图标样式
.main{width : 92%;min-width :760px;margin : 0 auto;}
#boardmaster{margin-top:2px;text-align : left;}
#boardmaster a{margin-right:2px;}
#masterpic{float:left;width:20px;height:20px;margin-top:3px;background-image : url("Default/team2.gif"); }
#boardmanage{float:right;margin-right:2px;}
'分页版主图标的样式
#subject{text-align :left;}
#subject img{margin-top:5px;}
.listexpression{margin-left:2px;margin-top:2px;margin-right:8px;float:left;}
.filetype{margin-top:5px;margin-right:8px;float:left;}
.listtitle{float:left;}
.listtitle div{float:left;}
.listtitle img{margin-top:5px;margin-right:8px;float:left;}
.postlary1{border: 1px solid #6595d6; width : 92%; min-width :760px;margin : 0 auto;background-color:#fff;text-align : left;}
'帖子内容外框表格一
.postlary2{border: 1px solid #6595d6; width : 92%; min-width :760px;margin : 0 auto;background-color:#E4E8EF;text-align : left; }
'帖子内容外框表格二
.postuserinfo{float:left;width:190px;text-indent:24px;}
'帖子用户信息样式
.post{border-left: 1px solid #6595d6;margin-left : 190px;min-height:300px;padding:10px;}
'
.postie{border-left: 1px solid #6595d6;margin-left:190px;height:300px;padding:10px;}
'帖子内容和快速回复中间的那一长条竖线
.postbottom1{width : 92%;min-width :760px;margin : 0 auto;background-color:#fff;height:28px;line-height:28px;border-left: 1px solid #6595d6;border-right: 1px solid #6595d6;text-align : left; }
'帖子内容页IP以及引用 回复菜单那一条的背景颜色样式一
.postbottom2{width : 92%;min-width :760px;margin : 0 auto;height:28px;line-height:28px;background-color : #e4e8ef;border-left: 1px solid #6595d6;border-right: 1px solid #6595d6;text-align : left; }
'帖子内容页IP以及引用 回复菜单那一条的背景颜色样式二
#postend{border-bottom : 1px solid #6595d6;}
'帖子内容页快速回复上的最后一个帖的最下面的那条线
.lockuser{height:30px;line-height:30px;width:150px;border: 1px solid #6595d6;border-top:3px double #6595d6;text-align : center;color:#00008B;margin :240px 0px 0px 10px;background-color : #e4e8ef;float:right;}
.vote{float:left;border-left: 1px solid #6595d6;height:28px;}
'投票帖中间的那条线
.li1{border-left : 1px solid #6595d6;
line-height : 28px;height : 28px;}
.li2{border-left : 1px solid #6595d6; line-height : 28px;height : 28px;background-color : #e4e8ef;}
评论对象: 夏雪儿 | 2009/3/29 17:19:07
评论言论: 花了一上午的时间整理了一下相关CSS的帖子整理出来一份相对完整的CSS使用方法,其中有部分功能不祥的参数希望大家踊跃补充来完美这个帖子!
" ' "号后面部分为注释
/* 默认风格 */
a {text-decoration : none;color : #000000; }
'论坛文字链接的颜色
a:hover {text-decoration : underline; color : #4455aa; }
'鼠标悬停在链接上时所产生的效果
body {font-size : 12px; color : #000000; font-family : tahoma, 宋体, fantasy; text-align : center; margin : 0; background-image : none; }
'FONT-SIZE: 12px 字体的大小 COLOR: #000000; 字体的颜色
'FONT-FAMILY 设置或检索用于对象中文本的字体名称序列
'text-align 设置或检索对象中文本的对齐方式
'margin 检索或设置对象四边的外补丁。
'scrollbar:指滚动条
'scrollbar-face-color:表面颜色
'scrollbar-highlight-color:高亮区颜色
'scrollbar-shadow-color:阴影颜色
'scrollbar-3dlight-color:3D颜色
'scrollbar-arrow-color:箭头颜色
'scrollbar-track-color:轨道颜色(滚动条底色)
'scrollbar-darkshadow-color:深阴影颜色
'IE5.5以后的版本都会支持这种自定义滚动条的效果。
td {font-family : tahoma, 宋体, fantasy; font-size : 12px;line-height : normal;}
'表内横向格(行)
th {background-image : url("Default/css/default/bg1.gif"); background-color : #4455aa; color : white; font-size : 12px; font-weight : bold; line-height: normal; }
'表内纵向格(比如一级版块栏目那里的一条,友情论坛最上面那一条等)
'background-image:背景图片
'background-color:背景颜色
'Color:默认为文字颜色
'font-size:字体大小
'font-weight:字形,一般有4种属性:normal(默认)、bold(加粗)、bolder(特粗)、lighter(特细)
th a {color : #fff; text-decoration : none; }
'th样式里文字连接的默认颜色、效果
th a:hover {color : #fff;text-decoration : underline;}
'th样式里鼠标悬停在链接上时所产生的效果
.tabletitle1 {background-color : #6595d6; color : #fff;}
'7。1特有的那个一条里的 XML 的背景颜色和字的颜色
动网论坛7.1SP1 CSS详解 二
来源:myv7.com 加入时间:2006-2-17
.tabletitle2 {background-color : #e4e8ef; }
'这个属性是用在DVBBS用户列表,有“所有用户列表”字样那里的颜色。
.tablebody1 {background-color : #fff; line-height : normal; }
'这个是用在DVBBS两种穿插颜色中的第一主色属性。比如版块介绍那一块
.tablebody2 {background-color : #e4e8ef; line-height : normal; }
'这个是用在DVBBS两种穿插颜色中的第二主色属性。比如斑竹那一条的颜色
.tablebody3 {background-color : #6595d6; }
'
.tableborder1 {width : 92%; border:1px none inherit; background-color : #6595d6;}
'这是表格边线属性(border为边线宽度)基本的表格都是调用的这个
.tableborder2 {width : 92%; border : 1px solid #dedede; background-color : #efefef; margin:0 auto;}
'这个是DVBBS的第二导航栏属性,其border中的solid为边线是直线,也可以设置成其它的,比如dotted(以点组成的虚线)、dashed(以线段组成的虚线)等等,就好象这一条
动网先锋论坛 → 动网论坛 → 『 动网风格模板区 』 → 发表帖子 下面的表格的属性
.tableborder3 {width : 92%; border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; border-top : 0px none inherit;border-bottom : 0 solid #6595d6; background-color : #efefef; }
'menu 表格两侧的竖线颜色
.tableborder4 {width : 92%; border : 1px solid #6595d6;}
'dispbbs.asp页面贴子标题,树型 打印 那一条的表格样式
.tableborder5 {border : 1px solid #6595d6;background-color : #d6e0ef;}
'7。1特有的XML那一个块块的表格属性
.tableborder6 {width : 92%; border : 0 none inherit;background-color : #fff;}
'
.singleborder {font-size : 0px;line-height : 1px;padding : 0px;background-color : #6595d6;}
'首页登陆那一块右边,新进来宾那一条下面的分隔线的颜色
#tabletitleLink a {color : #fff; text-decoration : none;}
'纵向表格内文字链接的属性
#tabletitleLink a:hover {color:#fff;text-decoration : underline;}
'纵向表格内文字链接的属性
#nobold {font-weight : normal;}
动网论坛7.1SP1 CSS详解 三
来源:myv7.com 加入时间:2006-2-17
input , select , textarea , option {font-family : tahoma, verdana, 宋体, fantasy; font-size : 12px;line-height : 15px; color : #000000;}
'输入框、选择框、文本框、选择按钮的属性
.normaltextSmall {font-size : 11px; color : #000000;font-family : verdana, Arial, Helvetica, sans-serif, fantasy;}
'下脚注的字体样式
.menuskin {border : 1px solid #666666; visibility : hidden; font-size : 12px;position : absolute;background-color : #efefef; background-image : url("Default/dvmenubg3.gif"); background-repeat : repeat-y;}
'下拉菜单属性,Border是边框属性,BACKGROUND-COLOR是背景颜色属性,background-image是背景图片
.menuskin a {padding-right : 10px;padding-left : 25px; color : black;text-decoration : none;}
'这里是当鼠标鼠标移动到下拉菜单上所产生的效果,PADDING-RIGHT是文字右边距,PADDING-LEFT为左边距,大家可以根据自己的需要来调整
.menuitems {margin : 2px; padding : 1px; text-align : left; line-height : 14pt; }
'下拉菜单的基本属性
.brightClass {background-color : #d7d7d7; }
'
.redfont {color : red;}
'首页在线图例 那里调用的颜色效果,还有几个红色的地方也是调用的这个效果
.bluefont {color : #6595d6;}
'首页最下面在线列表那一块 的 当前在线等前的小方块的颜色
.imgonclick {cursor : pointer;}
'风格 这个菜单的样式
.menu_popup {display : none; }
'用户控制面板的样式
.itableborder {margin:0 auto;width : 92%;
'首页底部论坛状态部分 三个标志 有新帖 没新帖 那一块的样式
line-height : 15pt;}
'
hr {height:0px;border :0px;border-top: #6595d6 1px solid;width : 100%; }
'分隔线的样式,比如友情论坛下的的那条分隔线
动网论坛7.1SP1 CSS详解 四
来源:myv7.com 加入时间:2006-2-17
div.quote {margin : 5px 20px; border : 1px solid #cccccc; padding : 5px;background : #f3f3f3; line-height : normal;}
'引用其他人发言时,引用框的效果
div.htmlcode {margin : 5px 20px; border : 1px solid #cccccc;padding : 5px;background : #fdfddf;font-size : 14px;
'htmlcode 方框的样式
font-family : tahoma, 宋体, fantasy;font-style : oblique;line-height : normal;font-weight : bold;}
'
div.info {border-top : 1px dotted #cccccc; padding : 5px;line-height : normal; color : #c5c5c5;}
font.showtools {color : white; background-color : #b88ffc; }
.magicframe {border : 1px solid #cccccc; }
.pageinput {border : 1px solid #d6e0ef; background-color : #fafafa; height : 18px;
font-family : Arial, 宋体, fantasy; font-size : 11.5px; }
.copyright {color : #cccccc; line-height : 130%; }
'版权信息样式
#tdleft {float:left;border-right:1px solid #6595d6; width:50%; }
'登陆信息与论坛信息中间那条竖线的颜色
.mainbar1{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; width : 92%; min-width :760px; margin : 0 auto;border-top : 1px solid #6595d6;border-bottom : 1px solid #6595d6; line-height:25px;background-color : #E4E8EF;height:25px;}
'查看新贴 用户列表等的那些设置
.mainbar{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; width : 92%; min-width :760px; margin : 0 auto;line-height:22px;background-color : #fff;}
'改变最左上和右上的半条线的样式
.mainbar0{width : 92%;min-width :760px;margin : 0 auto;line-height:22px;background-color : #fff;}
.mainbar2{border-left : 1px solid #6595d6;border-right : 1px solid #6595d6;width : 92%;min-width :760px; margin : 0 auto;border-bottom : 1px solid #6595d6; line-height:22px;background-color : #E4E8EF;}
'版块列表最左和右边边下半条线的样式
.mainbar3{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-bottom : 1px solid #6595d6;width : 92%;min-width :760px; margin : 0 auto;background-color : #fff;}
'友情链接和论坛在线情况的最左边和右边底下的样式
.mainbar4{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-top : 1px solid #6595d6; width : 92%;min-width :760px;margin : 0 auto;background-color : #fff;height:25px;line-height:25px;}
'分页面版主左边右边下边那条线的颜色
动网论坛7.1SP1 CSS详解 五
来源:myv7.com 加入时间:2006-2-17
index_left_states{border-right : 1px solid #6595d6;width :46px;float:left;height:60px;background-color : #fff;}
'改变论坛状态图标右边的那条线的颜色
.index_right{float:right;width :240px;text-align : left; line-height:25px;}
.index_left_states img{margin-top:28px;}
.boardlogo{float:right;margin-top:4px;margin-right:5px;border:0px;}
'版块图片的样式
#topbar_top{background-image : url("Default/css/default/topbg.gif"); height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_mid{height:70px;text-align : left;background-color : #fff;}
#topbar_bottom{background-image : url("Default/css/default/bottombg.gif");height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_menu{background-image : url("Default/css/default/tabs_m_tile.gif"); height:22px;line-height:22px;text-align : left;}
#topbar_mid_l{width:25%;float:left;margin-left:1px;margin-top:5px;min-width:180px;}
#topbar_mid_m{width:60%;float:left;margin-top:5px;min-width:468px;}
#topbar_mid_r{float:right;margin-top:5px;min-width:90px;line-height:15pt;text-align :right;margin-right:5px;}
'顶部表格样式
.menudiv1{float:left;margin-left:2px;height:20px;line-height:20px;background : url("Default/navspacer.gif") no-repeat;text-indent:8px;}
'首页菜单条分隔图片的样式
.menudiv2{float:left;margin-left:2px;height:20px;line-height:20px;text-indent:8px;}
'改变th上的那条横线的颜色和背景
div.th{border: 1px solid #6595d6;border-bottom : 0px; width : 92%;min-width :760px;margin : 0 auto;background-image : url("Default/css/default/bg1.gif");
background-color : #4455aa; color : white;font-size : 12px;font-weight : bold;height : 26px;line-height : 26px; text-align : left;}
div.th div{height : 26px;line-height : 26px;text-align : center;}
div.th a {color : #fff;text-decoration : none; }
div.th a:hover {color : #fff;text-decoration : underline; }
div.th img{border:0px;margin-top:9px;margin-left:5px;}
.bottomline{height :24px;line-height :24px;border-bottom : 1px solid #6595d6;float:left;}
#rules{border-bottom : 1px solid #6595d6;text-align : left; line-height : 15px; }
'版规下面那条线的颜色
#rulesbody{text-indent:24px;padding:10px;}
动网论坛7.1SP1 CSS详解 六
来源:myv7.com 加入时间:2006-2-17
'班规样式
.list1{float:left;width:32px;border-right : 1px solid #6595d6;}
'回复 人气 状态旁边的那条线的颜色
.list_r{float:right;width:400px;border-left : 1px solid #6595d6; }
'帖子列表th样式背景作者左边的那条线的颜色
.list{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6;border-bottom : 1px solid #6595d6;width : 92%;min-width :760px;margin : 0 auto;background-color : #fff;height:26px;line-height:26px;text-align : left;overflow :hidden;}
'帖子列表左右下边样式和帖子标题列表样式.
.list div{height:26px;}
.list_s{float:left;text-align : center;width:32px;border-right : 1px solid #6595d6;background-color :#e4e8ef; }
'帖子列表状态图片右边那条线的颜色 background-color :#e4e8ef; 帖子列表状态图片下的背景颜色
.list_s img{margin-top:6px;}
.list_a{float:left;text-align : center;width:80px;border-right : 1px solid #6595d6;background-color : #e4e8ef; overflow :hidden;}
'帖子列表作者右边那条线的颜色 background-color : #e4e8ef; 帖子列表作者的背景颜色
.list_c{float:left;text-align : center;width:50px;border-right : 1px solid #6595d6;background-color : #fff; overflow :hidden;}
;(帖子列表回复和人气右边的那条线的颜色 background-color : #fff;帖子列表回复和人气的背景颜色
.list_t{float:left;text-align : center;width:120px;margin-left:5px;overflow :hidden;}
.list_r1{float:right;width:400px;border-left : 1px solid #6595d6;background-color : #e4e8ef;}
'贴子列表作者左边的那条线的颜色 background-color : #e4e8ef; 最后更新的背景颜色
.list_img{float:left;text-align : center;}
.list_img img{margin-left:2px;margin-top:8px;margin-right:8px;border:0px;}
form{margin:0px;}
#posttopic{width:85px;height:26px;float:left;background-image : url("Default/postnew.gif"); margin : 2px;cursor:pointer;}
'发表新贴的图标样式
#postvote{width:85px;height:26px;float:left;background-image : url("Default/votenew.gif"); margin : 2px;cursor:pointer;}
'发新投票的图标样式
动网论坛7.1SP1 CSS详解 七
来源:myv7.com 加入时间:2006-2-17
#postpaper{width:85px;height:26px;float:left;background-image : url("Default/xzb.gif"); margin : 2px;cursor:pointer;}
'发小字报的图标样式
#repost{width:85px;height:26px;float:left;background-image : url("Default/mreply.gif");margin : 2px;cursor:pointer;}
'回复此帖的图标样式
#postalipay{width:85px;height:26px;float:left;background-image : url("Default/alipay.gif"); margin : 2px;cursor:pointer;}
'发起交易的图标样式
.main{width : 92%;min-width :760px;margin : 0 auto;}
#boardmaster{margin-top:2px;text-align : left;}
#boardmaster a{margin-right:2px;}
#masterpic{float:left;width:20px;height:20px;margin-top:3px;background-image : url("Default/team2.gif"); }
#boardmanage{float:right;margin-right:2px;}
'分页版主图标的样式
#subject{text-align :left;}
#subject img{margin-top:5px;}
.listexpression{margin-left:2px;margin-top:2px;margin-right:8px;float:left;}
.filetype{margin-top:5px;margin-right:8px;float:left;}
.listtitle{float:left;}
.listtitle div{float:left;}
.listtitle img{margin-top:5px;margin-right:8px;float:left;}
.postlary1{border: 1px solid #6595d6; width : 92%; min-width :760px;margin : 0 auto;background-color:#fff;text-align : left;}
'帖子内容外框表格一
.postlary2{border: 1px solid #6595d6; width : 92%; min-width :760px;margin : 0 auto;background-color:#E4E8EF;text-align : left; }
'帖子内容外框表格二
.postuserinfo{float:left;width:190px;text-indent:24px;}
'帖子用户信息样式
.post{border-left: 1px solid #6595d6;margin-left : 190px;min-height:300px;padding:10px;}
'
.postie{border-left: 1px solid #6595d6;margin-left:190px;height:300px;padding:10px;}
'帖子内容和快速回复中间的那一长条竖线
.postbottom1{width : 92%;min-width :760px;margin : 0 auto;background-color:#fff;height:28px;line-height:28px;border-left: 1px solid #6595d6;border-right: 1px solid #6595d6;text-align : left; }
'帖子内容页IP以及引用 回复菜单那一条的背景颜色样式一
.postbottom2{width : 92%;min-width :760px;margin : 0 auto;height:28px;line-height:28px;background-color : #e4e8ef;border-left: 1px solid #6595d6;border-right: 1px solid #6595d6;text-align : left; }
'帖子内容页IP以及引用 回复菜单那一条的背景颜色样式二
#postend{border-bottom : 1px solid #6595d6;}
'帖子内容页快速回复上的最后一个帖的最下面的那条线
.lockuser{height:30px;line-height:30px;width:150px;border: 1px solid #6595d6;border-top:3px double #6595d6;text-align : center;color:#00008B;margin :240px 0px 0px 10px;background-color : #e4e8ef;float:right;}
.vote{float:left;border-left: 1px solid #6595d6;height:28px;}
'投票帖中间的那条线
.li1{border-left : 1px solid #6595d6;
line-height : 28px;height : 28px;}
.li2{border-left : 1px solid #6595d6; line-height : 28px;height : 28px;background-color : #e4e8ef;}