CSS调整可以查看下面网站 https://github.com/sofish/typo.css/blob/master/typo.css
调整博客帖子里图片大小
当图片大于600px时候,自动缩小为最大600px
.post-body img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
//width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于600px,自动缩小为600px;
overflow:hidden;
padding: 5px;
//background: #f8f8f8;
}
关闭页面顶部的导航页面
.navbar {
height: 0px;
padding: 0;
margin: 0;
height: 0px;
}
段落前空两个字
.post-body p {
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
pre code样式表
.post-body pre {
font-size: 12px;
padding: 0;
margin-top: 20px;
border:1px dotted #f0f0f0;
border-top:1px solid #f0f0f0;
border-radius: 10px;
line-height: 20px;
//width: 600px;
overflow: auto;
overflow-Y:hidden;
background-color: #f8f8f8;
}
.post-body pre code {
margin: 0 0 0 10px;
padding: 10px 0;
display: block;
border: 0px;
background-color: #000;
border-radius: 3px;
}
.post-body code {
margin: 0 2px;
padding: 0px 5px;
border: 1px solid #ddd;
background-color: #f8f8f8;
border-radius: 3px;
}
引用样式
.post-body blockquote{border-left:5px solid #f0f0f0; margin:15px 30px 0 10px; padding-left:20px}
标题样式
.post-body h1{font-size: 1.4em;}
.post-body h2{font-size: 1.3em;}
.post-body h3{font-size: 1.2em;}
.post-body h4{font-size: 1.1em;}
.post-body h5,h6{font-size:1em;}
配置目录
.toc {
//float:right;
background-color: #f8f8f8;
border-radius: 3px;
border: 1px solid #ddd;
}
.toc li{list-style-type: none;}
更多阅读右对齐
.jump-link {text-align: right;}
关闭帖子评论订阅
.feed-links { display: none !important; }
2 条评论 :
测试一下留言
不错,看能否email通知
发表评论