zoukankan      html  css  js  c++  java
  • 博客主题的修改

    使用的系统主题:darkgreentrip

    1. 在侧边栏添加自己的微博

    <iframe width="100%" height="120" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=120&fansRow=2&ptype=0&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=1891493655&verifier=8c17d4b5&colors=d6f3f7,ffffff,666666,0082cb,ecfbfd&dpc=1"></iframe>

    2. 取消博客园主页(已取消该设置)、取消日历、将个人订阅添加到左侧,取消文章正文页面下的多余信息,将“点赞”设为浮动窗口。

    .newsItem .catListTitle
    {
       color:#FFF;
    }
    /*设置点赞*/
    #div_digg {
      position: fixed;
      bottom: 10px;
      right: 15px;
      border: 2px solid #ECD7B1;
      padding: 10px;
       140px;
      background-color: #fff;
      border-radius: 5px 5px 5px 5px !important;
      box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    }
    
    /*博客园主页*/ #MyLinks1_HomeLink[href="http://www.cnblogs.com/"] { /*设置为不可见 */
    /* display:none; */ }
    /*取消上侧导航栏上的RSS订阅*/

      #MyLinks1_Syndication[href='http://www.cnblogs.com/limingluzhu/rss']
      {
        display:none;
      }

    /*设置博客列表中的日期分组Title不可见*/

      .dayTitle
      {
        display:none;
      }


    /*取消左侧评论、阅读排行等信息 */ #topview_posts_wrap,#topfeedback_posts_wrap,#topdigg_posts_wrap { display:none; }

    /*修改RSS*/ .rss { margin-bottom: 15px; background: #FAFCFD; border-radius: 7px; box-shadow: 1px 1px 2px #A7A8AD; overflow: hidden; zoom:1 } .rss a:link { color:white; } .rss a:visited { color:white; } .rss a { text-decoration:none; }
    /*取消正文页多余信息*/
    #under_post_kb { display:none; } 
    #under_post_news { display:none; }


     

    3. js 控制部分:在左侧增加“订阅”。

    <script type="text/javascript">
    function addRss()
    {
        $RssDiv=$("<div></div>");
        $RssDiv.attr("class","rss");
        $RssDivInner=$("<h3 class='catListTitle' ><a  class='' style='text-align:center' href='http://www.cnblogs.com/limingluzhu/rss'>订阅</a></h3>");
        $RssDiv.append($RssDivInner);
        $("#blog-sidecolumn").prepend($RssDiv);
    }
    $(document).ready(function()
    {
    /*由于日历所在的div在元素中设置了css属性,所以只能使用js来控制日历不可见*/
    $("#blog-calendar").hide(); addRss();
    }) </script>
  • 相关阅读:
    sql count中加条件
    zero-copy总结
    问题诊断神器arthas
    rabbitmq 消息确认
    HttpRunner安装笔记(1)安装环境准备:pyenv安装
    centos7 安装rabbitmq3.4.1-1
    centos7 python2.7.5 升级python3.6.4
    测试面试必会sql(1)
    mysql5.6 无法远程连接问题解决
    Katalon 学习笔记(一)
  • 原文地址:https://www.cnblogs.com/limingluzhu/p/4324488.html
Copyright © 2011-2022 走看看