码农熊的博客样式 12种配色方案+浮动快捷菜单
话说
上次搞了个 码农熊的博客样式 灰色调 之后，就一直再持续研究。
期间也淘到了不少优秀的参考博客，最喜欢的要数http://www.cnblogs.com/Mainz/（Mainz的博客风格）
自己也搞了个博客园 漂浮快捷操作
这回呢，把两者结合顺便再配个12色，欢迎大家批评指导。
特别说明
1.圆角还没有去研究= =！懒惰的自己
2.推荐功能还无法使用（待研究）
3.配色好像放到博客里，有些还是没调整好，不够顺眼
效果
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#8cc540;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#8cc540;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#8cc540;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#98cb54;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#8cc540;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#98cb54;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#8cc540;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#98cb54;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#98cb54;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #8cc540;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #98cb54;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #bfde96;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#009f5d;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#009f5d;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#009f5d;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#00ca74;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#009f5d;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#00ca74;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#009f5d;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#00ca74;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#00ca74;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #009f5d;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #00ca74;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #00f48c;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#019fa0;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#019fa0;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#019fa0;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#01cbcb;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#019fa0;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#01cbcb;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#019fa0;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#01cbcb;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#01cbcb;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #019fa0;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #01cbcb;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #01f5f5;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#019fde;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#019fde;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#019fde;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#0cbbfe;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#019fde;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#0cbbfe;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#019fde;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#0cbbfe;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#0cbbfe;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #019fde;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #0cbbfe;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #36c7fe;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#007cdc;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#007cdc;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#007cdc;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#0996ff;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#007cdc;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#0996ff;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#007cdc;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#0996ff;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#0996ff;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #007cdc;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #0996ff;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #33a8ff;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#887ddd;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#887ddd;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#887ddd;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#a89fe6;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#887ddd;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#a89fe6;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#887ddd;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#a89fe6;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#a89fe6;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #887ddd;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #a89fe6;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #c7c0ef;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#ff5675;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#ff5675;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#ff5675;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#ff8096;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff5675;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#ff8096;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff5675;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#ff8096;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#ff8096;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #ff5675;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #ff8096;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #ffaab9;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#ff1244;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#ff1244;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#ff1244;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#ff3c63;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff1244;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#ff3c63;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff1244;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#ff3c63;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#ff3c63;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #ff1244;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #ff3c63;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #ff6685;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#ff8345;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#ff8345;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#ff8345;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#ff9d6f;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff8345;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#ff9d6f;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#ff8345;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#ff9d6f;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#ff9d6f;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #ff8345;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #ff9d6f;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #ffba99;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#f8db0b;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#f8db0b;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#f8db0b;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#fac934;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#f8db0b;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#fac934;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#f8db0b;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#fac934;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#fac934;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML
<div id="divTool">
<a href="#top" title="返回顶部">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_db.png" width="24" height="24" />
</a>
<a href="http://www.cnblogs.com/IT-Bear/" title="回到主页">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_zy.png" width="24" height="24" />
</a>
<a id="favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);" title="收藏此文">
<img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_sc.png" width="24" height="24" />
</a> <a href='javascript:void(0)' id="aPin" onclick='document.getElementById("commentform_title").scrollIntoView();' title='发表评论'><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_pl.png" width="24" height="24" />
</a> <a href="javascript:void(0);" id="adigg" title="推荐此文"><img src="http://images.cnblogs.com/cnblogs_com/IT-Bear/365886/o_rj.png" width="24" height="24" />
</a>
</div>
<style type="text/css">
.First
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
text-align: left;
padding: 6px 20px;
color:#fff;
background: #f8db0b;
font-size: 20px;
border-radius: 4px;
clear: both;
}
.Second
{
margin: 10px 0;
font-family: 'Microsoft Yahei';
padding: 6px 20px;
background: #fac934;
color: #fff;
font-size: 18px;
border-radius: 4px;
clear: both;
}
.Third
{
margin: 10px 0;
padding: 6px 20px;
font-family: 'Microsoft Yahei';
margin: 15px 0;
font-size: 16px;
color: fff;
background: #fbd35e;
border-radius: 4px;
clear: both;
}
.note
{
margin: 10px 0;
padding: 15px 20px 15px 60px;
font-size: 15px;
font-family: 'Microsoft Yahei';
box-shadow: 0 0 8px #aaa;
clear: both;
}
</style>
<script>
var href=document.location.href;
onload=function(){confirm(href);}
</script>
<script type="text/javascript">
//绝对定位隐藏显示
function getScroll(id){
var obj = document.getElementById(id);
var timer = null;
positionFixed(obj);
if(obj){
obj.style.display = 'none';
window.onscroll=function(){
getScrollTop() > 0 ? obj.style.display = "block" : obj.style.display = "none";
}
}
}
//判断IE6
function positionFixed(obj){
var iE6 = !-[1,] && !window.XMLHttpRequest;
if(obj){
var top = obj.offsetTop;
if(iE6){
document.documentElement.style.textOverflow = "ellipsis";
obj.style.position = "absolute";
obj.style.setExpression("top", "eval(documentElement.scrollTop + " + top + ') + "px"');
}
}
}
//获取滚动条Top
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop;
}
window.onload = function(){
getScroll('divTool');
var href=document.location.href;
var reg=/archive/;
if(reg.test(href)){
document.getElementById("adigg").onclikc = "DiggIt"+"(cb_entryId,cb_blogId,1)"+";green_channel_success(this,'谢谢推荐！');";
document.getElementById("favorite").style.display = 'blcok';
document.getElementById("adigg").style.display = 'blcok';
document.getElementById("aPin").style.display = 'blcok';
}else{
favorite
document.getElementById("adigg").style.display = 'none';
document.getElementById("aPin").style.display = 'none';
document.getElementById("favorite").style.display = 'none';
}
}
</script>
CSS
#divTool{width:24px;right:15px;bottom:15px;cursor:pointer; position:fixed;_position:absolute;display:none; color:#FFFFFF}
#divTool img{border:0px;margin:2px;}
/*公用*/
body {
color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:10pt;line-height:1.8em; background:#afb1b6;
}
#home {
background:#fff;
overflow:auto;
border:solid 1px #fff;
}
/*段落*/
.postBody p,.postCon p {
margin:7px 0;
line-height:24px;
}
h1 {
margin:0;
}
h3 {
font-size:15px;
font-weight:bold;
}
/*超链接*/
a {
color:#464646;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited,a:hover {
color:#464646;
}
ul {
list-style:none;
margin:0;
padding:0;
}
image {
border:none;
}
#header {
padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {
font-weight:bold;
color:#afb1b6;
}
/*子标题*/
.subtitle {
padding-left:30px;
font-size:14px;
color:#999;
font-weight:normal;
margin:10px 0;
}
/*导航栏*/
#navigator {
border-radius: 4px;
font-size:16px;
height:48px;
background:#afb1b6;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#navList li {
/*border:solid 1px #80BB01;
*/
margin:0;
line-height:48px;
display:inline-block;
float:left;
}
#navList li:hover {
/*border:solid 1px #BFE866;
*/
background:#c7c8c9;
}
#navList li a {
padding:0 30px;
text-decoration:none;
line-height:48px;
border:0;
color:#fff;
display:-moz-inline-box;
display:inline-block;
}
.blogStats {
margin:0;
line-height:48px;
display:inline-block;
float:right;
}
#main {
padding:20px;
}
/*左边*/
#sideBarMain {
width:200px;float:left;border-right:1px solid #666;margin-right:20px;
}
#sideBarMain a {
color:#666;
}
#leftcontentcontainer {
color:#666;
}
.newsItem {
color:#666;
}
/*公告*/
#profile_block {
margin-top:0px;
line-height:24px;
text-align:left;
}
/*主面板*/
#mainContent{float:right;margin-left:-250px;width:100%;}
/*每日文章列表*/
.day {
background:#fff;
padding:0;
/*border-bottom:solid 5px #489BF0;
*/
margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {
color:#464646;
}
.postTitle {
padding-bottom:10px;
font-size:20px;
font-weight:bold;
color:#464646;
}
.dayTitle {
display:none;
}
/*摘要*/
.c_b_p_desc {
padding:10px;
line-height:24px;
color:#888;
}
.c_b_p_desc a {
color:#888;
}
.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {
margin-left:10px;
border:solid 1px #fff;
box-shadow:0 0 10px #aaa;
}
.forFlow{margin:0 16px 0 220px;}
/*博文页*/
#topics .post {
background:#fff;
}
.postCon {
padding:10px 20px 0 20px;
}
.postDesc {
margin:0 30px;
margin-bottom:2px;
padding:8px 0px;
font-size:12px;
color:#aaa;
background:#fff;
text-align:right;
}
.postDesc a {
color:#AAA;
}
.postBody {
padding:0;
}
/*google搜索框*/
#google_q,#q {
height:26px;
width:120px;
border:solid 1px #aaa;
box-shadow:inset 0 0 5px #aaa;
}
/*按钮*/
.btn_my_zzk {
border:none;
height:30px;
width:80px;
padding:1px;
font-size:14px;
font-weight:bold;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#afb1b6;
color:#fff;
border-radius: 4px;
}
.btn_my_zzk:hover {
background:#c7c8c9;
}
/*评论按钮*/
#btn_comment_submit {
border:none;
height:48px;
width:120px;
border-radius: 4px;
}
/*评论按钮*/
.comment_btn {
font-family:'Microsoft Yahei';
border:none;
height:48px;
width:120px;
font-size:18px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#afb1b6;
color:#fff;
border-radius: 4px;
}
#btn_comment_submit:hover {
background:#c7c8c9;
border-radius: 4px;
}
/*评论标题*/
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.feedbackListSubtitle {
font-size:12px;
color:#888;
}
.feedbackListSubtitle a {
color:#888;
}
div.commentform textarea { width:450px;height:300px;ont-size:13px;}
/*评论条目*/
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
/************************************分类页****************************************/
.entrylist {
padding:10px 20px;
background:#fff;
}
.entrylistItem {
margin:10px 0;
padding:10px;
}
.entrylistPosttitle {
font-size:18px;
font-weight:bold;
padding-left:30px;
}
.entrylistPostSummary {
padding:10px;
}
.entrylistItemPostDesc {
font-size:12px;
color:#999;
padding-left:40px;
}
/*尾部*/
#footer {
font-size:12px;
margin:20px;
padding:12px;
text-align:center;
background:#c7c8c9;
color:#DDD;
font-size:14px;
border-radius: 4px;
}
HTML使用方法
使用标题
<div class="First">一级标题</div>
<div class="Second">二级标题</div>
<div class="Third">三级标题</div>
<div class="note">要说明的地方</div>
资料
http://www.cnblogs.com/Mainz/（非常喜欢Mainz的博客风格）
作者：唐小熊
出处：http://www.cnblogs.com/IT-Bear/
关于作者：一头写代码的熊
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接
如有问题，可以通过kumat@foxmail.com 联系我，非常感谢。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构