rWanBoy 's BLOG

/* 全局定义 */ html, body { background:url(../skins/default/uu5c_2/bg.gif) top repeat-x #89c5d4; padding-bottom:10px;} html, body, h1, h2, h3, h4, ul, li, dl, input { font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; margin:0px;padding:0px; } div, p{ font-family:Arial, Helvetica, sans-serif; list-style:none; margin:0px;padding:0px; } div, table {margin: 0 auto; } a { color:#0365BF; text-decoration: none; } a:hover { color:#f60; text-decoration: underline; } hr { height:0px; border:0px; border-bottom:1px solid #E7F0F5; } img { border:0px; vertical-align: middle; } .chkbox,.checkbox, .radio, button, input, select,textarea { vertical-align: middle; font-size:12px; } .radio {border:none;} .center{background:url(../skins/default/uu5c_2/center.gif) top ;} .bottem{background:url(../skins/default/uu5c_2/bottembg.gif) bottom; /* 整体的标题字体样式大小设置，这里一般不需要改动*/ html, body, h1, h2, h3, h4, ul, li, dl, input { font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; margin:0px;padding:0px; } div, p{ font-family:Arial, Helvetica, sans-serif; list-style:none; margin:0px;padding:0px; } div, table {margin: 0 auto; } /* 这里是风格字体颜色*/ a { color:#0365BF; text-decoration: none; } /* 整体的字体颜色设置.*/ a:hover { color:#f60; text-decoration: underline; } /* 鼠标悬停字体颜色，带下划线.*/ hr { height:0px; border:0px; border-bottom:1px solid #E7F0F5; } /* 论坛最底部版权上面的线条颜色，其他地方也许也有用吧.*/ img { border:0px; vertical-align: middle; } .chkbox,.checkbox, .radio, button, input, select,textarea { vertical-align: middle; font-size:12px; } /* 输入框样式.*/ .radio {border:none;} /* 懒得去看什么地方的，样式是不要线条框.*/ /* font style */ /* 字体颜色设置 */ .white, .white a { color:white; } /* 我没看出哪个地方用了白色字 */ .white a:hover { color:#ff7; } /* 鼠标悬停变换颜色 */ .grey, .grey a, a.grey { color:#858D92; } .green, .green a { color:#008000; } .yellow, .yellow a { color:#f60; } a.yellow:hover, a.green:hover { color:#666; } .font10 { font-size:11px; color:#AFAFAF} .redfont {color:#ff0000; } /* 帖子标题醒目 */ .bluefont {color:#0000ff; } /* 帖子标题醒目 */ .font14 { font-size:14px; padding:10px 10px 0px 10px; line-height:24px; } a.newlink { color:#333; text-decoration: none; } a.newlink:hover {color:#f60;text-decoration:underline} a.testlink { color:#D35701; } a.post_vote { background:url("../images/post/post_vote.gif") no-repeat; height:31px; line-height:31px; width:99px; display:block; margin-right:2px; text-align:center; text-decoration: none; margin-left:103px; margin-top:13px; } a.post_vote:hover { background:url("../images/post/post_vote.gif") no-repeat; color:#222; } a.post_reply { background:url("../images/post/post_reply.gif") no-repeat; height:31px; line-height:31px; width:99px; display:block; margin-right:2px; text-align:center; text-decoration: none; margin-left:103px; margin-top:13px; } a.post_reply:hover { background:url("../images/post/post_reply.gif") no-repeat; color:#222; } .checkbox { border:0px; } /* 底部版权信息部分样式 */ .copyright { border-top:1px solid #C6D2E3; padding-top:10px; padding-bottom:10px; line-height:18px; text-align:left; margin-top:15px; font-size:11px; color:#9D9D9B; } /* 底部版权信息最顶上的线条颜色，距离顶部距离，距离底部距离，行高，文字居左 */ .copyright em { float:right; font-style:normal; padding-right:10px; } .copyright span { padding-left:10px; display:block; } .ad {padding:5px;text-align:center;} 很多朋友要把底部的版权弄成居中的。在这里修改就可以了。红色标注的部分把left改成center,就可以了。 如果不整齐还可以把底部的无图版删去，那个是在后台模板mainstyle里管理。 蓝色标注的地方是底部版权信息的字体颜色。 /* 公告样式 */ .rollboder { border: #DBE1E9 1px solid; height:32px; margin-bottom:10px; background:#F7FAFD;overflow:hidden; } 公告的背景颜色和 线条颜色 第一个是线条色。第二个是背景色。 .rollboder ul li { line-height:32px; } .rollleft { float: left; line-height:32px;} .rollleft strong { color: #333} .rollcenter { border-right: #DBE1E9 1px solid; border-left: #DBE1E9 1px solid; float:right; text-align: center; width:30px; } 公告右面有两根竖线，这是其中一根的颜色 .rollright { float: right; width:40px; text-align: center; padding-top:0px !important; padding-top:6px;} 公告右面有两根竖线，这是另一根的颜色 .rollright img { vertical-align: middle} 这里调节的是公告的样式。 我用红色标注。 下面的这一段很重要，是首页版面的颜色。背景颜色一共四处需要修改，红色标注. 蓝色标注的为部分线条 /*首页左边部分*/ .page_left { margin-right: 230px; } .page_left2 { text-align:left; margin-right: 280px; } /*首页版块列表(竖排)样式*/ .bbs_column0 { text-align:left; } .bbs_column0 h2 { background:#EDF4F4; line-height:25px; font-size:13px; padding-left:24px; border:1px solid #C6D2E3; border-bottom:0px; width:auto; } .bbs_column0 h2 em { float:right; margin:4px 10px 0px 0px; line-height:15px; } .bbs_column0 h2 em img { margin-right:3px; } .bbs_column0 ul { margin-bottom:10px; padding:0px; border:1px solid #C6D2E3; border-top:0px; background:#fff; padding-bottom:10px; } .bbs_column0 ul table { margin:0px auto; width:98%; } .bbs_column0 ul table span { display:block; color:#666; } .bbs_column0 ul table td { padding:3px 0px;} /*首页版块列表(横排)样式*/ .bbs_column1 { text-align:left; } .bbs_column1 h2 { background:url("../images/title_bg.gif"); line-height:25px;padding-left:24px; font-size:13px; margin:0px;border:1px solid #C6D2E3; border-bottom:0px; width:auto;} .bbs_column1 h2 em { float:right; margin:4px 10px 0px 0px; line-height:15px;} .bbs_column1 h2 em img { margin-right:3px; } .bbs_column1 ul { margin-bottom:10px; padding:0px; border:1px solid #C6D2E3; border-top:0px; background:#fff; padding-bottom:10px; } .bbs_column1 ul table { margin:0px auto;width:98%; } .bbs_column1 ul table span { display:block; color:#474747; } .bbsboxon { background:#fff; } .bbsboxon td{border-bottom:1px solid #E7F0F5;} .bbsboxout { background:#fff; } .bbsboxout td{border-bottom:1px solid #E7F0F5;} .today { width:52px; height:51px; float:left; background:url("../images/digg_blue.gif") no-repeat center top; margin:5px; text-align:center; color:#217AB3; font-weight:bold; font-size:12px; line-height:23px; font-family: Georgia, "Times New Roman", Times, serif; } .today p { display:block; font-weight:100; margin:0px; padding:0px; border:0px; color:#858D92; font-size:11px; } .todaynew { width:52px; height:51px; float:left; background:url("../images/digg.gif") no-repeat center top; margin:5px; text-align:center; color:#f60; font-weight:bold; font-size:12px; line-height:23px; font-family: Georgia, "Times New Roman", Times, serif; } .todaynew p { display:block; font-weight:100; margin:0px; padding:0px; border:0px; color:#858D92;} .underline td{border-bottom:1px solid #E7F0F5;} 帖子显示页回复框左栏颜色。 分页面模板(dispbbs)界面风格管理－－template.html(0) {$page.postfacelist} input { border-bottom:1px solid #BDC5CA; border-right:1px solid #BDC5CA; border-top:1px solid #6F787E; border-left:1px solid #6F787E; padding:3px 2px; font-size:12px; } 输入框的线条色 .input0{background:url("../images/button_bg.gif");border:1px solid #BDC5CA} button { height:28px; line-height:28px; border:1px solid #C6D2E3; background:url("../images/button_bg.gif"); font-size:12px; } .button_on { background:url("../images/button_bg2.gif"); border:1px solid #c3a336; } .input_on { background:url("../images/button_bg2.gif"); border:1px solid #c3a336; } ----以上是输入框样式和按钮样式 .mainbox, .header, .tablebox, .copyright { margin-top:10px; width:97%;min-width:960px; clear:both;} 这一句很多处用到，包括首页板块 版权，列表，顶部，都有用到，控制整体宽度。 .tablebox { margin-bottom:6px; margin-top:0px; } .tablebox span a { padding:4px 6px; } .topic {width:97%;} .topic span a { padding:4px 6px; } .bbslist{margin-bottom:10px; width:97%;} .border { background:#fff; border:1px solid #C6D2E3; } .borderthree { background:#fff; border:1px solid #C6D2E3; border-bottom:1px solid #C6D2E3; } small { color:#858D92; font-size:12px;} small a { color:#666; } h1 { padding-left:15px; } h3 { line-height:32px; background:#F1F7FB; margin-bottom:10px; border:1px solid #fff; } h3 em { float:right; font-size:12px; font-weight:100; padding-right:10px; } .padding { padding:8px; display:block; line-height:20px; } br { line-height:10px; } 上面的忘记了干什么的，以后再补上了。 -------------------------------------------------------------------------------- 以下内容需要帖子数达到10才可以浏览 这个地方也很重要。包括首页右栏，帖子列表版规，都有用到。这里首页右栏的背景色，和按钮样式，新主题 精华主题 搜索部分。 /*用户中心切换*/ #Tab{ width:auto; padding:0px; margin:13px auto 10px auto;} .Menubox { width:auto; background:#fff url("../images/tab_bg.gif") repeat-x bottom; height:29px; line-height:29px; font-weight:bold; color:#f60; } .Menubox ul{ margin:0px; padding:0px; } .Menubox li{ float:left; display:block; cursor:pointer; width:auto; line-height:27px; line-height:27px; margin-right:3px; text-align:center; color:#666; padding:0px 12px; border:1px solid #C4D8ED; border-bottom:0px; background:#EEF7FD; font-weight:100; } .Menubox li.hover{ padding:0px; width:auto; border:1px solid #C9DEFA; border-bottom:0px; background:#fff; color:#222; height:28px; line-height:28px; padding:0px 12px; font-weight:bold; } .Contentbox{ margin-top:0px; border:1px solid #C4D8ED; border-top:0px; padding:8px; } .subHover {line-height:26px; padding:0px 20px;background:#F1F7FB; color:#0365BF; font-weight:bold; line-height:28px;cursor:pointer;} .subOut {line-height:26px; padding:0px 20px;cursor:pointer;} 用户资料更改，用户资料查看，密码信息等页面。这里的CSS不全。在后台pagelogin里还有不少需要改的地方，这里算是DV的一个没有完善的地方。 /*控制面板*/ .control{line-height:26px;padding:0px 20px;cursor:pointer;} /*.control ul { padding:10px 0px;} .control ul li { width:100%; text-align:left; } .control ul li div { width:65px; float:left; padding-right:3px;} .control ul li img { padding-right:5px;}*/ /*帖子列表、正文样式*/ .tableborder { background:#fff; border:1px solid #C6D2E3; } .tableborder td { border-top:1px solid #E9EFF4; padding:6px 4px; line-height:16px; } .heightd td { padding-top:4px; padding-bottom:4px; } /*帖子列表普通主题间隔*/ .topline { background:#F7FCFE; color:#222; text-indent:10px; line-height:24px; padding:0px; margin:0px; } .list1 { width:50px; text-align:center; } .list2 { text-align:left;font-size:14px; } .list2 span { float:left; color:#858D92; padding-right:5px; } .list3 { width:80px; text-align:left; } .list4 { width:90px; text-align:left; color:#666; } .list4 span { width:40px; display:block; float:left; text-align:right; color:#3D8324; } .list5 { width:120px; text-align:left; color:#666; } /*帖子列表标题顶*/ th { background:#EEF7FC; line-height:32px; text-align:left; padding-left:5px; color:#333; } th span { float:right; font-weight:100; padding-right:10px; } .thematic { line-height:24px; padding:4px 0px; margin-top:-11px; } .thematic ul li { display:inline; line-height:24px; padding-left:5px; padding-right:5px; } .username { font-weight:bold; height:24px; line-height:24px; } .username div{float:left;} .username img { float:right; padding-right:5px;} font.showtools {color : white; background-color : #b88ffc; } .usermenu { border-bottom:1px solid #E9EFF4; padding:2px 10px; height:26px; color:#858D92; } .usermenu a { padding:4px 6px; } .usermenu a:hover { padding:4px 6px; background:#FAFDFF; } .usermenu2 { border-top:1px solid #E9EFF4; text-align:right; padding:2px 10px; height:26px; line-height:26px; font-family:'宋体'} .usermenu2 a {line-height:26px;} div.quote {margin :5px; border : 1px solid #cccccc; padding : 5px;background : #f9f9f9; line-height : normal;} div.htmlcode {margin : 5px 20px; border : 1px solid #cccccc;padding : 5px;background : #fdfddf;font-size : 14px;font-family : tahoma, 宋体, fantasy;font-style : oblique;line-height : normal;} /* .usermenu2 span { float:left; background:url("../images/arrow.gif") no-repeat left center; padding-left:24px; } */ .imp {float:left; background:url("../images/arrow.gif") no-repeat left center; padding-left:24px;} .usermenu em { float:right; font-style:normal; } .inforight { font-size:14px; padding:15px; line-height:150%; height:200px;font-family:'verdana,宋体';} .inforight ,.inforight p,.inforight div,.inforight li,.inforight span {line-height:150%;/*font-size:14px*/} .inforight .font10 { font-size:11px; color:#AFAFAF; font-family:'Arial'} .inforight ul li {list-style:inside disc} .inforight ol li {list-style:inside decimal} .inforight *{ line-height:150%;} .infoleft { width:170px; border-right:1px solid #E9EFF4; } 下面是帖子列表左面个人信息部分 .leftcolor { padding-left:20px; } .leftcolor em {font-style:normal; color:#9D9D9B; font-size:11px;} .leftcolor span { display:block;} .leftcolor span img { margin:2px 0px; } .signed { padding:5px 15px; color:#858D92; } 帖子用户签名 /*帖子列表背景*/ .tron { background:#EFF0E2; } 鼠标悬停 .trout { background:#EFF0E2; } 鼠标离开 .forminfo{color:#C0C0C0;border:none;padding:1px;margin-left:5px;} .forminfo1{color:#ff0000;padding:1px;margin-left:5px;} .tb{width:152px !important;width:150px;text-align:right; font-size:14px;color:#333;}/*reg table*/