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

  作为一名程序员每天面对的都是一大堆枯燥的代码,这样的生活多无趣啊,世界本就如此精彩,何故一味地钟情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;}

修改不是很大,仅供大家参考。

原文地址:https://www.cnblogs.com/Qzhou/p/3023364.html