熟悉博客园的朋友也许发现了,本博的模板有点像BlackLowKey(作者:植宁),但是又跟那个模板有不少不一样的地方。其实本博客使用的模板就是BlackLowKey,然后用博客提供的自定义CSS和html功能进行了一些修改。具体修改内容和方法如下:
1.博客标题和副标题字体变大。
2.导航部分“博文”、“闪存”、“博问”等条目不见了,后面增加了"那不经意的一眼,我窥见了上帝的秘密!",且显示随笔、文章、评论数等;
3.背景换了。
4.版权内容换了。
上面几项改动处了版权部分外。都是通过自定义CSS完成得,具体的CSS内容如下:
#navList>li:first-child,#navList>li:nth-child(3),#navList>li:nth-child(4){ display:none;} .blogStats:before{content:'那不经意的一眼,我窥见了上帝的秘密!'; color:#fff;}
.blogStats{ visibility:visible; color:#fff; text-indent:-1000px;}
#Header1_HeaderTitle{ font-size:30px}
#blogTitle h2{ font-size:24px; margin-top:1em;} #main{ padding-bottom:20px;} body{ background:url(http://images.cnblogs.com/cnblogs_com/shareroom/582687/o_bg.jpg) center top no-repeat #000;} #footer{ display:none;}
解释一下:
其中第一行就是隐藏导航中的“博客园”、“博问”、“闪存”等内容。
第二行和第三行的就是在导航右边添加一排文字,其中随笔、文章、评论数本来就有的,但是模板作者将其隐藏了,我用自定义css覆盖了原来的样式,又让他显示出来了。
第四行和第五行就是修改博客标题和副标题字体大小的。
第六行增加页面主体的下边距离,原来文章少的时候“仅列出标题”字样贴边了,所以我就增加了一点距离使其不那么别扭。
第七行修改背景图片。
第八行银行原来的版权部分。
原来的版权隐藏后当然是要自定义版权部分了,页脚HTML代码如下:
<div style=" margin:10px auto; color:#000"> CopyRight (C) 2014 By:DreagonDean<br/> 博客友链招募中,欢迎喜欢开发、喜欢分享的朋友交换。另外欢迎加入PHP开发交流群:241316638 </div>
这么一折腾后你们就看到了现在的模样....
再此对原模板作者表示感谢!背景图片上的素材来源于网络,版权归原作者所有,我只是未经许可借用了一下,希望作者不会介意。