zoukankan      html  css  js  c++  java
  • 博客园美化样式定制

    博客园导航栏添加链接(放入页首HTML)

    <script type="text/javascript">
    	function nav_add_menu(name,href,inner_id){   //参数含义:导航显示名字,链接地址,设置id(便于后续样式设置)
    		var parent=document.getElementById("navList");
    		var lii=document.createElement("li");
    		var aa=document.createElement("a");
    		aa.setAttribute("id",inner_id);
    		aa.setAttribute("class","menu");
    		aa.setAttribute("href",href);
    		aa.innerHTML=name;
    		lii.appendChild(aa);
    		parent.appendChild(lii);
    	}
    	nav_add_menu("Github","http://www.github.com/xiaxuxu","mygithub");//调用就可以了
    	</script>
    

    添加右边感谢送钱功能(放入页首HTML)

    <script src="http://static.tctip.com/tctip-1.0.0.min.js"></script>
      <script>  
      new tctip({
        top: '20%',
        button: {
          id: 9,
          type: 'dashang',
        },
        list: [      {        type: 'alipay',        qrImg: 'https://images2018.cnblogs.com/blog/922103/201804/922103-20180419193738327-201606925.png'      }, {        type: 'wechat',        qrImg: 'https://images2018.cnblogs.com/blog/922103/201804/922103-20180419164441521-932876833.jpg'      }    ]
      }).init()
      </script>
    

    代码Sublime样式

    /*
    Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
    */
    pre {
    /*控制代码不换行*/
        white-space: pre;
        word-wrap: normal;
    }
    .cnblogs-markdown .hljs {
        font-size: 16px!important;
        font-family: consolas,monospace !important;
        display: block;
        overflow-x: auto;
        padding: 0.5em;
        background: #23241f !important;
        color: #FFF;
        white-space: pre;
        word-break: normal;
        padding: 10px 15px !important;
    }
    
    .hljs,
    .hljs-tag,
    .hljs-subst {
      color: #f8f8f2;
    }
    
    .hljs-strong,
    .hljs-emphasis {
      color: #a8a8a2;
    }
    
    .hljs-bullet,
    .hljs-quote,
    .hljs-number,
    .hljs-regexp,
    .hljs-literal,
    .hljs-link {
      color: #ae81ff;
    }
    
    .hljs-code,
    .hljs-title,
    .hljs-section,
    .hljs-selector-class {
      color: #a6e22e;
    }
    
    .hljs-strong {
      font-weight: bold;
    }
    
    .hljs-emphasis {
      font-style: italic;
    }
    
    .hljs-keyword,
    .hljs-selector-tag,
    .hljs-name,
    .hljs-attr {
      color: #f92672;
    }
    
    .hljs-symbol,
    .hljs-attribute {
      color: #66d9ef;
    }
    
    .hljs-params,
    .hljs-class .hljs-title {
      color: #f8f8f2;
    }
    
    .hljs-string,
    .hljs-type,
    .hljs-built_in,
    .hljs-builtin-name,
    .hljs-selector-id,
    .hljs-selector-attr,
    .hljs-selector-pseudo,
    .hljs-addition,
    .hljs-variable,
    .hljs-template-variable {
      color: #e6db74;
    }
    
    .hljs-comment,
    .hljs-deletion,
    .hljs-meta {
      color: #75715e;
    }
    

    关闭广告

    /* adblock */
    #ad_t2 {
        display: none;
    }
    .c_ad_block {
        display: none;
    }
    
  • 相关阅读:
    Jquery小技巧
    搭建Eclipse+MyEclipse+Tomcat开发环境
    ASP.NET:就是喜欢Web Form,就是喜欢拖控件(二)
    ASP.NET:就是喜欢Web Form,就是喜欢拖控件(一)
    程序员能力矩阵 你属于哪一层?
    WEB
    ASP.NET:就是喜欢Web Form,就是喜欢拖控件(四)
    ASP.NET:就是喜欢Web Form,就是喜欢拖控件(五)
    jQuery:简单6行代码实现tab效果
    iPhone程序开发新人FAQ
  • 原文地址:https://www.cnblogs.com/webdev8888/p/8891316.html
Copyright © 2011-2022 走看看