您的位置:首页 > 其它

开始写博客,为大家分享下我的自定义模板

2013-05-25 14:58 225 查看
作为一名程序员每天面对的都是一大堆枯燥的代码,这样的生活多无趣啊,世界本就如此精彩,何故一味地钟情coding。所以我要开始不定期的写一些博文,沉淀自我,写下自己的生活感触、心得分享、丰富人生。
刚刚入住博客园,发现这里模板还可以自定义,十分给力。我比较喜欢简约清爽的风格,所以选择了ThinkInside的这套摸版,并进行了一些修饰。
如下是我自定义的CSS风格样式:
路径:管理-->设置-->通过CSS定制风格
//修改超链接的样式
a:hover{
text-decoration: underline;
color: #3399cc;
}

//修改全局样式,并添加背景图片
body {
font-family: "Wen Quan Yi Micro Hei Mono", "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
font-size: 14px;
line-height: 21px;
color: #333;
margin: auto;
background:url(https://s3.amazonaws.com/wrapbootstrap/live/imgs/darkgrain.png);

}

//隐藏右上角的信息
.blogStats{display:none}

//为右侧的分隔线添加盒阴影,看起来更有质感
.dayTitle{box-shadow: 1px 1px 0px #fff;}

//这是底部的样式
#footer{border:none;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));padding:10px}

//修改侧栏的字体和透明度
#sideBar{opacity: 0.7;font-size:12px;}

//修改标题列表的样式
.PostList{boder:1px solid #ddd;padding:10px;margin:0;box-shadow:1px 1px 0 #fff;}
修改不是很大,仅供大家参考。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐