本博客模板说明

      熟悉博客园的朋友也许发现了,本博的模板有点像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>

这么一折腾后你们就看到了现在的模样....

再此对原模板作者表示感谢!背景图片上的素材来源于网络,版权归原作者所有,我只是未经许可借用了一下,希望作者不会介意。

 

posted @ 2014-05-26 11:22  DragonDean  阅读(247)  评论(0编辑  收藏  举报
CopyRight (C) 2014 By:DreagonDean 小程序公众号开发交流群:294322801