博客样式-bbsmax4风格V0.2

最新推荐文章于 2022-03-10 16:42:04 发布

weixin_30925411

最新推荐文章于 2022-03-10 16:42:04 发布

阅读量142

点赞数

原文链接：http://www.cnblogs.com/mingda/archive/2008/12/16/BuildProviderDemo.html

版权

下午刚开了新博，花了点时间做了个bbsmax4风格的皮肤，不是很完美，继续完善中。

更新记录：
V0.2 添加了博客排行的样式。 2009-1-23 16:42

使用方法：在后台选择“最新博皮模板母板”，把以下CSS代码复制到“通过CSS定制页面”

/* global */
body {
	margin:0; 
	padding:0;
	font-size:13px;
	font-family:Arial;
}
input {
	font-size:13px;
	font-family:Arial;
}
a, a:link, a:visited, .postTitle a:link, .postTitle a:visited, .postTitle a:active {
	color:#7852DE;
}
#home {
	width:100%;
}
#mainContent {
	min-height:1500px;
}
#mainContent .forFlow {
	margin-left:276px;
	margin-right:20px;
}
#footer{
	color:#666;
	margin-top:50px;
	border-top:solid 4px #5296DE;
}
 
/* title */
#blogTitle {
	padding-left:20px;
}
#header { 
	border:0;
}
#blogTitle h1 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#3A75BD;
}
#blogTitle h1 a {
	font-size:20px;
	color:#3A75BD;
}
#blogTitle h1 a:hover{
	text-decoration:none;
}
#blogTitle h2 {
	color:#666;font-size:12px;
}
 
/* navbar */
#navigator {
	height:34px;
	background:#5296DE;
}
#navList a {
	color:#fff;
	height:24px;
	border-right:0;
	padding-top:10px;
	background:#5296DE;
}
#navList a:link, #navList a:visited, #navList a:active {
	color:#fff;
}
#navList a:hover {
	color:#fff;
	background:#7AABDE;
}
.blogStats {
	color:#fff;
}
#MyLinks1_XMLLink img{
	margin-top:4px;
}
 
/* sidebar */
.catListTitle {
	border:0;
	color:#fff;
	font-size:13px;
	padding:4px 8px;
	text-align:left;
	margin-top:20px;
	margin-bottom:0;
	background:#5296DE;
}
#sideBar {
	left:0;
	top:100px;
	padding:0;
	margin-left:20px;
	position:absolute; 
}
#sideBarMain ul, .div_my_zzk {
	margin:0;
	padding:10px 8px;
	background:#F2F6FB;
	border:solid 2px #5296DE;
	border-top:0;
}
.div_my_zzk{
	text-align:right;
}
.mySearch #q {
	padding:3px;
	width:202px;
	border:solid 1px #C3CEE0;
	height:16px;text-align:left;
}
.btn_my_zzk {
	border:0;
	color:#fff;
	width:60px;
	height:24px;
	margin-top:4px;
	background:#5296DE;
}
.catListComment {
	border-top:0;
	margin-top:20px;
	padding-bottom:8px;
	background:#F2F6FB;
	border:solid 2px #5296DE; 
}
.catListComment .catListTitle {
	margin-top:0;
}
.catListComment h3 {
	margin-bottom:8px;
}
.divRecentCommentAticle {
	padding:0 8px;
}
.divRecentComment {
	display:none;
}
.catListTitle a{
	margin-left:8px;
}
.catListBlogRank li {
	color:#7852DE;
}
 
/* post */
.dayTitle {
	border:0;
	text-align:left;
}
.postTitle, .entrylistPosttitle {
	border-bottom:solid 1px #C3CEE0
}
.entrylistTitle, .PostListTitle, .thumbTitle {
	border:0;
	text-align:left;
	color:#7852DE;
}
.day, .entrylist,#topics,.PostListTitle {
	margin-top:20px;
	margin-bottom:0;
}
#topics .postTitle,.feedback_area_title {
	color:#7852DE;
	font-size:14px;
	border-bottom:solid 1px #C3CEE0;
}
.postBody {
	min-height:200px;
	border-bottom:solid 1px #C3CEE0;
}
.postBody p, .postCon p{
	text-indent:0;
}
.postSeparator {
	display:none;
}
 
/* comment */
.commentform {
	padding:10px;
	background:#F2F6FB; 
}
.commentform table td input, .commentTextBox  {
	padding:3px;
	text-align:left;
	border:solid 1px #C3CEE0;
}
.feedbackManage {
	width:200px;
}
#AjaxHolder_PostComment_btnSubmit {
	border:0;
	color:#fff;
	width:80px;
	height:26px;
	text-align:center;
	background:#5296DE;
}
 
 
/* code */
.wp_syntax {
	color: #100;
	overflow: auto;
	line-height:14px;
	margin: 0 0 1.5em 0;
	border:solid 2px #5296DE;
	background-color: #F2F6FB;
}
 
/* IE FIX */
.wp_syntax {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}
.wp_syntax table {
	overflow:hidden;
	table-layout:fixed;
	WORD-BREAK: break-all;
	WORD-WRAP: break-word;
	text-overflow:ellipsis;
	border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td {
	vertical-align: top;
	padding: 2px 4px;
}
.wp_syntax .line_numbers {
	width:30px;
	color: #fff;
	text-align: right;
	overflow: visible;
	background-color: #5296DE;
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}
.wp_syntax .code {
	padding-left:8px;
}
 
/* potential overrides for other styles */
.wp_syntax pre {
	margin: 0;
	float: none;
	clear: none;
	font-size:8pt;
	width: fixed;
	overflow: visible;
	font-family: Tahoma;
	WORD-BREAK: break-all;
	WORD-WRAP: break-word;
}
.CodeControlBarButton {
	border:0;
	color:#fff;
	width:40px;
	height:24px;
	background:#5296DE;
}

以下代码是我显示代码用的，不需要复制

/* code */
.wp_syntax {
	color: #100;
	overflow: auto;
	line-height:14px;
	margin: 0 0 1.5em 0;
	border:solid 2px #5296DE;
	background-color: #F2F6FB;
}
 
/* IE FIX */
.wp_syntax {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}
.wp_syntax table {
	overflow:hidden;
	table-layout:fixed;
	WORD-BREAK: break-all;
	WORD-WRAP: break-word;
	text-overflow:ellipsis;
	border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td {
	vertical-align: top;
	padding: 2px 4px;
}
.wp_syntax .line_numbers {
	width:30px;
	color: #fff;
	text-align: right;
	overflow: visible;
	background-color: #5296DE;
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}
.wp_syntax .code {
	padding-left:8px;
}
 
/* potential overrides for other styles */
.wp_syntax pre {
	margin: 0;
	float: none;
	clear: none;
	font-size:8pt;
	width: fixed;
	overflow: visible;
	font-family: Tahoma;
	WORD-BREAK: break-all;
	WORD-WRAP: break-word;
}
.CodeControlBarButton {
	border:0;
	color:#fff;
	width:40px;
	height:24px;
	background:#5296DE;
}