zoukankan      html  css  js  c++  java
  • 本博客模板说明

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

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

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

  • 相关阅读:
    移动端布局规范-固定页头页尾-中间随高度滑动
    wangEditor编辑器 Vue基本配置项
    JavaScript命名规范基础及系统注意事项
    vue评论显示隐藏,JavaScript显示关闭
    js超链接锚点定位
    jquery的输入框自动补全功能+ajax
    第一个shell脚本
    Linux中执行shell脚本方法
    Hadoop+Hive环境部署
    Linux下安装mysql5.7
  • 原文地址:https://www.cnblogs.com/dragondean/p/blog-statment.html
Copyright © 2011-2022 走看看