博客设置

  1 /*背景*/
  2 body {
  3     font-size:16px;/*字体大小*/
  4     padding:0;
  5     margin:0;
  6     font-family:Roboto,helvetica,sans-serif;
  7     background: url(‘https://ooo.0o0.ooo/2017/04/30/5905a5c11e331.jpg‘) no-repeat fixed top;
  8 /*or use link: ‘https://ooo.0o0.ooo/2017/04/30/5905a5c11e331.jpg‘*/
  9 }
 10 #home{
 11     width:1205px;
 12 }
 13 #sideBarMain{
 14     width:350px;
 15     margin-top:-10px;
 16     background-color:#fff;
 17     opacity:0.75;
 18 }
 19 #topics {
 20     opacity: 0.55;/*不透明度，取值范围0-1，越小背景越清晰，字体越不清晰*/
 21     margin:5px;
 22     width:auto;
 23     overflow:auto;
 24     background:#fff;
 25 }
 26 #home,#main,#mainContent
 27 {
 28    background:transparent!important;
 29 }
 30 /*选中的效果*/
 31 ::selection
 32 {
 33     background: #66ffcc;
 34     color: #83a;
 35 }
 36 ::-moz-selection
 37 {
 38      background: #66ffcc;
 39      color: #83a;
 40 }
 41 /*评论框Orz，摘自某dalao的blog，终于能用了！*/
 42 #tbCommentBody
 43 {
 44     background:#fff;
 45     opacity:0.95;
 46     color: #fff;
 47     width: 800px;
 48     min-height: 20em;
 49     padding: 5px;
 50     border: none;
 51     background: url("http://images.cnblogs.com/cnblogs_com/frantic1048/619148/o_kawai_mao.png") right bottom no-repeat;
 52     background-color: #4a4a4a;
 53     -webkit-transition: box-shadow .5s;
 54     border: #ccc 1px solid;
 55     border-color: #bbb;
 56     font-size:24px;
 57 }
 58 /*评论按钮*/
 59 .comment_btn {
 60     padding: 5px 10px;
 61     height: 35px;
 62     width: 90px;
 63     border: 0 none;
 64     border-radius: 5px;
 65     background: #ddd;
 66     color: #999;
 67     cursor: pointer;
 68     font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
 69     text-shadow: 0 0 1px #fff;
 70     display: inline !important;
 71     background:#66ffcc;
 72     color:#FFFFFF;
 73     border-radius: 3px;
 74     -moz-border-radius: 3px;
 75     -webkit-border-radius: 3px;
 76     -webkit-transition: all 0.4s ease;
 77     -moz-transition: all 0.4s ease;
 78     -o-transition: all 0.4s ease;
 79     -ms-transition: all 0.4s ease;
 80     transition: all 0.4s ease;
 81     cursor: pointer;
 82     display: inline-block;
 83     vertical-align: middle;
 84     outline: none;
 85     text-decoration: none;
 86 
 87 }
 88 #btn_comment_submit:hover {
 89 background:#66ccff;
 90 }
 91 /*以下内容移植自萌娘百科，需要时请手动修改文字的HTML标签为<span class="heimu">...</span>方可正常使用*/
 92 /*可选参数：<... title="你知道的太多了">提示“你知道的太多了”*/
 93 .heimu{
 94     color:black;
 95     background-color:black;
 96 }
 97 .heimu:hover{
 98     color:white;
 99 }
100 /*AdBlock*/
101 #ad_t2,cnblogs_c1,under_post_news,cnblogs_c2,cnblogs_c2,under_post_kb,HistoryToday
102 {
103     display:none!important;
104 }
105 .c_ad_block
106 {
107     display:none!important;
108 }
109 #comment_nav
110 {
111    display:none!important;
112 }
113 /*相册*/
114 .gallery
115 {
116     opacity:0.95;
117 }
118 /*框架布局*/
119 #mainContent{
120     width:850px;
121 }
122 /*首页*/
123 .day{
124     background:#fff;
125     opacity:0.75;
126     border-radius: 3px;
127     -moz-border-radius: 3px;
128     -webkit-border-radius: 3px;
129     -webkit-transition: all 0.4s ease;
130     -moz-transition: all 0.4s ease;
131     -o-transition: all 0.4s ease;
132     -ms-transition: all 0.4s ease;
133     transition: all 0.4s ease;
134     margin: 5px;
135 }
136 /*隐藏破坏排版的东西*/
137 #homepage_top_pager
138 {
139     display:none!important;
140 }
141 /*调整签名*/
142 #blogTitle h2
143 {
144     margin-top:0;
145     margin-left:3em;
146 }

 1 <script type="text/javascript">
 2 window.console&&console.log("页脚调整...暂留");
 3 $(function(){
 4 setTimeout(function(){
 5 
 6 function (result) {
 7     var arr = result.pic;
 8     var imgSrc= arr[~~(Math.random() * arr.length)].linkurl;
 9 var postEle=$(".post").filter(function(){return $(this).height()>500;});
10 var imgContent=‘<div style="overflow:hidden;position: absolute;display:inline-block;right: 0;bottom: 0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;"><img onload="setPosition(this)" src="‘+imgSrc+‘" style="width:70%;height:70%;opacity:0.8;"></div>‘;
11 postEle.append(imgContent);
12 }, "json");
13 },500);
14 });
15 function setPosition(obj){
16 var imgBox=$(obj).parent();
17 var offWid=-imgBox.width()*0.3;
18 imgBox.css("right",offWid+"px");
19 }
20 window.console&&console.log("包装bootbox方法");
21 function makeDialog(title,msg,callback,seconds){var secTimer;bootbox.dialog({title:title?title:"",message:msg,onEscape:function(){clearInterval(secTimer);callback()},buttons:{sec:{label:"在"+seconds+"秒后自动关闭",callback:function(){clearInterval(secTimer);callback()}},btn:{label:"确定",className:"btn-danger",callback:function(){clearInterval(secTimer);callback()}}}});secTimer=setInterval(function(){seconds--;if(seconds<0){clearInterval(secTimer);bootbox.hideAll();callback();return}$("button[data-bb-handler=‘sec‘]").html("在"+seconds+"秒后自动关闭")},1000)};
22 
23 window.console&&console.log("调整SyntaxHighlighter行号高度");
24 $(function(){
25 setTimeout(function(){
26 var gutterArr=$(".syntaxhighlighter .gutter>.line");
27 var codeArr=$(".syntaxhighlighter .code>.container>.line");
28 $.each(codeArr,function(index){
29 gutterArr.eq(index).attr("style","height:"+$(this).height()+"px !important");
30 });},1000);
31 });
32 
33 
34 window.console&&console.log("回到顶部");
35 $(".btn_goTop").click(function(){$(this).children("span").addClass("h");$("html, body").animate({scrollTop:0},600,function(){$(".btn_goTop").children("span").removeClass("h")})}).mouseover(function(){});$("#goTop .btn_goTop").mouseenter(function(){$(this).children("span").css("top","-40px")});$("#goTop .btn_goTop").mouseleave(function(){$(this).children("span").css("top","-30px")});$(window).scroll(function(){if($(document).scrollTop()>1000){$("#goTop").fadeIn(400)}else{$("#goTop").fadeOut(400)}});
36 
37 
38 
39 /*$(".louzhu").parent("h4").next().after(‘<img src="http://pic.cnblogs.com/avatar/708426/20160111191553.png" style="float:left;" class="author_avatar" alt="这个是楼主">‘);*/
40 //添加幸运闪
41 window.console&&console.log("添加幸运闪");
42 $(".blog_comment_body").append(‘<img src="http://static.cnblogs.com/images/ing_lucky.png" class="ing_icon_lucky" alt="[幸运闪]" title="这是幸运闪">‘);
43 },200)};
44  //评论头像 end...
45 //评论框水印+调整页脚
46 if(option.url.indexOf("CommentForm")>-1){setTimeout(function(){window.console&&console.log("评论框水印");$("#tbCommentBody").attr("placeholder","......骚年哟，既然都来了，为何不吐槽几句呢 (σ?∀?)σ")},200)};
47 //评论框水印 end...
48 }); //ajaxComplete end...
49 
50 
51 window.console&&console.log("**********【问题解决！！！尽量不要引用外部js】***********");
52 </script>
53 <!--PageEndHtml Block End-->
54 <!--PageEndHtml Block End--><div id="goTop" style="display: block;">
55     <div class="btn_goTop">
56         <span class="" style="top: -30px;"></span>
57         <a href="javascript:void(0);" title="回顶部"></a>
58     </div>
59 </div>
60 <script type="text/javascript">
61 window.console&&console.log("页脚调整...暂留");
62 
63 window.console&&console.log("调整SyntaxHighlighter行号高度");
64 $(function(){
65 setTimeout(function(){
66 var gutterArr=$(".syntaxhighlighter .gutter>.line");
67 var codeArr=$(".syntaxhighlighter .code>.container>.line");
68 $.each(codeArr,function(index){
69 gutterArr.eq(index).attr("style","height:"+$(this).height()+"px !important");
70 });},1000);
71 });
72 
73 
74 window.console&&console.log("回到顶部");
75 $(".btn_goTop").click(function(){$(this).children("span").addClass("h");$("html, body").animate({scrollTop:0},600,function(){$(".btn_goTop").children("span").removeClass("h")})}).mouseover(function(){});$("#goTop .btn_goTop").mouseenter(function(){$(this).children("span").css("top","-40px")});$("#goTop .btn_goTop").mouseleave(function(){$(this).children("span").css("top","-30px")});$(window).scroll(function(){if($(document).scrollTop()>1000){$("#goTop").fadeIn(400)}else{$("#goTop").fadeOut(400)}});
76 
77 
78 $(document).ajaxComplete(function(event, xhr, option) {
79 //评论头像
80 if(option.url.indexOf("GetComments")>-1){setTimeout(function(){window.console&&console.log("添加评论头像");
81 $.each($(".blog_comment_body"),function(index,ele){
82    var self=$(ele);
83    var id=self.attr("id").split("_")[2];
84    var imgSrc=$("#comment_"+id+"_avatar").html()||"http://pic.cnblogs.com/avatar/simple_avatar.gif";
85    self.before(‘<img src="‘+imgSrc+‘" style="float:left;" class="author_avatar">‘);
86 });
87 //添加幸运闪
88 window.console&&console.log("添加幸运闪");
89 $(".blog_comment_body").append(‘<img src="http://static.cnblogs.com/images/ing_lucky.png" class="ing_icon_lucky" alt="[幸运闪]" title="这是幸运闪">‘);
90 },200)};
91  //评论头像 end...
92 //评论框水印+调整页脚
93 if(option.url.indexOf("CommentForm")>-1){setTimeout(function(){window.console&&console.log("评论框水印");$("#tbCommentBody").attr("placeholder","......骚年哟，既然都来了，为何不吐槽几句呢 (σ?∀?)σ")},200)};
94 //评论框水印 end...
95 }); //ajaxComplete end...
96 
97 
98 window.console&&console.log("**********【问题解决！！！尽量不要引用外部js】***********");
99 </script>