CSS for LBS^2 Article Print

六一节的晚上,为方便打印保存博客中的一些珍贵日志,特的写了一段用来打印日志的CSS。由于这段Print CSS是在当前我所用皮肤的CSS下重定义的,不敢保证能兼容其它的LBS^2皮肤样式,将样式表发在这里,仅供大家参考。

Article Print CSS:

/*
Copyright 2005-2006 Matt
Article Print CSS
Last Edit: 2006-06-01 03:52
*/

/* None Display */
#header,
.prev-article,
.next-article,
.category-label,
.textbox-fontsize,
.textbox-urls,
#commentForm,
#commentWrapper,
#innerFooter {
display:none;


}

/* Genneral */
a {
color:#000;
text-decoration:none;
}

/* Content */
#innerWrapper {
width:100%;
}
#mainWrapper {
padding:0;
}
#innerContent {
padding:0;
border:0 none;
}
.textbox {
margin:0;
border:0 none;
}
.textbox-title {
margin:0;
padding:0 0 10px 0;
border:0 none;
}
.textbox-title h4 {
font-size:18px;
font-weight:bold;
line-height:25px;
color:#000;
}
.textbox-label {
padding:5px 0;
border-top:solid 2px #999;
}
.textbox-label a {
color:#778;
}
#textboxContent,
.textbox-content {
margin:0;
padding:0;
}
.editmark {
text-align:right;
padding:0 10px;
font-size:11px;
}

/* Footer */
#footer {
height:20px;
}
#printRight {
display:block;
margin-top:10px;
font-size:11px;
text-align:center;
color:#000;
}

调用此CSS,在global.asp的
<link rel="stylesheet" type="text/css" href="<%=theCache.settings$[$"styleSheet"$]$%>” />
一句下方加入
<link rel="stylesheet" type="text/css" href="styles/print.css" media="print" />
其中styles/print.css换成上面的CSS存放的路径。

我在打印版日志的最后还加了行文档版权的声明,需在global.asp中id=”innerFooter”的DIV标签结束处加入版权代码
<div id="printRight">? 2005-2006 alli.cn & 3wcn.org</div>
如果你不需要可以省去此步骤。

附:迟来的儿童节祝福
由于最近考试较多,不能抽出太多精力来维护Blog。在此,我给大家送一声迟来的问候,祝天下所有的儿童们和拥有童心的大人们儿童节快乐!~~

发表评论