其他分享
首页 > 其他分享> > 本人博客园样式备份一-飘雪、看板娘、屏蔽底层广告、github角标、鼠标点击文字特效、烟花特效、

本人博客园样式备份一-飘雪、看板娘、屏蔽底层广告、github角标、鼠标点击文字特效、烟花特效、

作者:互联网

页面定制CSS-飘雪特效、看板娘、屏蔽底层广告

/* 飘雪特效 */
#Snow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255,255,240,0.1);
    pointer-events: none;
}
/* 看板娘 */
canvas#live2dcanvas {
border: 0 !important;
}
/*屏蔽底层广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}

公告栏-看板娘

 1  <div class="Snow">
 2     <canvas id="Snow"></canvas>
 3 </div>
 4 <script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>
 5 
 6  <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
 7  
 8 <script>
 9     L2Dwidget.init({
10         "model": { // 这里改模型,前面后面都要改
11             jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",
12             "scale": 1
13         },
14         "display": { // 设置看板娘的上下左右位置
15             "position": "right",
16             "width": 130,
17             "height": 260,
18             "hOffset": 0,
19             "vOffset": -20
20         },
21         "mobile": {
22             "show": true,
23             "scale": 0.5
24         },
25         "react": { // 设置透明度
26             "opacityDefault": 0.7,
27             "opacityOnHover": 0.2
28         }
29     });
30 </script>

页首-github角标

<a href="https://github.com/qq840937370" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

页脚 鼠标特效

  1 <script>
  2 <!-- 鼠标点击特效 -->
  3 var a_idx = 0;
  4 $("body").click(function(e) {
  5         var a = new Array("❤去活出你自己。❤","❤今天的好计划胜过明天的完美计划。❤",
  6                           "❤不要轻言放弃,否则对不起自己。❤","❤紧要关头不放弃,绝望就会变成希望。❤",
  7                           "❤如果不能改变结果,那就完善过程。❤","❤好好活就是干有意义的事,有意义的事就是好好活!❤",
  8                           "❤你真正是谁并不重要,重要的是你的所做所为。❤",
  9                           "❤你不想为你的信仰冒一下险吗?难道想等你老了,再后悔莫及吗?❤",
 10                           "❤有些鸟儿是关不住的,它的每一根羽毛都闪耀着自由的光辉。❤",
 11                           "❤决定我们成为什么样人的,不是我们的能力,而是我们的选择。❤",
 12                           "❤掉在水里你不会淹死,呆在水里你才会淹死,你只有游,不停的往前游。❤",
 13                           "❤有些路,只能一个人走。❤","❤希望你眼眸有星辰,心中有山海。❤",
 14                           "❤从此以梦为马,不负韶华。❤","❤人的成就和差异决定于其业余时间。❤",
 15                           "❤佛不要你皈依,佛要你欢喜。❤","❤ダーリンのこと 大好きだよ❤",
 16                           "❤小猫在午睡时,地球在转。❤","❤我,混世大魔王,申请做你的小熊软糖。❤",
 17                           "❤决定好啦,要暗暗努力。❤","❤呐,做人呢最紧要开心。❤",
 18                           "❤好想邀请你一起去云朵上打呼噜呀。❤","❤永远年轻,永远热泪盈眶。❤",
 19                           "❤我生来平庸,也生来骄傲。❤","❤我走得很慢,但我从不后退。❤",
 20                           "❤人间不正经生活手册。❤","❤我是可爱的小姑娘,你是可爱。❤",
 21                           "❤数学里,有个温柔霸道的词,有且仅有。❤","❤吧唧一口,吃掉难过。❤",
 22                           "❤你头发乱了哦。❤","❤健康可爱,没有眼袋。❤","❤日月星辰之外,你是第四种难得。❤",
 23                           "❤你是否成为了了不起的成年人?❤","❤大家都是第一次做人。❤","❤何事喧哗?!❤",
 24                           "❤人间有味是清欢。❤","❤你笑起来真像好天气。❤","❤风填词半句,雪斟酒一壶。❤",
 25                           "❤除了自渡,他人爱莫能助。❤","❤昨日种种,皆成今我。❤","❤一梦入混沌 明月撞星辰❤",
 26                           "❤保持独立 适当拥有❤","❤谢谢你出现 这一生我很喜欢❤","❤做自己就好了 我会喜欢你的❤",
 27                           "❤太严肃的话,是没办法在人间寻欢作乐的❤","❤愿你余生可随遇而安,步步慢。❤",
 28                           "❤黄瓜在于拍,人生在于嗨❤","❤奇变偶不变,符号看象限。❤","❤从来如此,便对么?❤",
 29                           "❤今天我这儿的太阳,正好适合晒钙 你呢❤","❤未来可期,万事胜意。❤",
 30                           "❤星光不问赶路人 时光不负有心人❤","❤我当然不会试图摘月,我要月亮奔我而来❤",
 31                           "❤女生要修炼成的五样东西: 扬在脸上的自信,长在心底的善良, 融进血里的骨气,刻进命里的坚强,深到骨子里的教养❤",
 32                           "❤燕去燕归,沧海桑田。纵此生不见,平安惟愿❤","❤我想认识你 趁风不注意❤","❤我一直想从你的窗子里看月亮❤",
 33                           "❤长大应该是变温柔,对全世界都温柔。❤","❤别在深夜做任何决定❤","❤山中何事,松花酿酒,春水煎茶。❤",
 34                           "❤桃李春风一杯酒,江湖夜雨十年灯。❤","❤欲买桂花同载酒,终不似,少年游。❤");
 35         var $i = $("<span></span>").text(a[a_idx]);
 36         a_idx = (a_idx + 1) % a.length;
 37         var x = e.pageX,
 38         y = e.pageY;
 39         $i.css({
 40             "z-index": 999999999999999,
 41             "top": y - 20,
 42             "left": x,
 43             "position": "absolute",
 44             "font-weight": "bold",
 45             "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
 46         });
 47         $("body").append($i);
 48         $i.animate({
 49             "top": y - 180,
 50             "opacity": 0
 51         },
 52         1500,
 53         function() {
 54             $i.remove();
 55         });
 56     });
 57 </script>
 58 <script type="text/javascript" language="javascript">
 59   //Setting ico for cnblogs
 60   var linkObject = document.createElement('link');
 61   linkObject.rel = "shortcut icon";
 62   linkObject.href = "https://blog-static.cnblogs.com/files/zhangshuhao1116/favicon.ico";
 63   document.getElementsByTagName("head")[0].appendChild(linkObject);
 64 </script>
 65 
 66 <!--鼠标点击特效-->
 67 <!--烟花特效-->
 68 <!--<script src="https://blog-static.cnblogs.com/files/zengcongcong/click2.js"></script>-->
 69 <script src="https://blog-static.cnblogs.com/files/zengcongcong/click.js"></script>
 70 <div id="jsi-flying-fish-container" class="container"></div>
 71   <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
 72   <style>
 73   @media only screen and (max-width: 767px){
 74   #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
 75   }
 76   </style>
 77 <div id="jsi-flying-fish-container" class="container"></div>
 78   <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
 79   <style>
 80   @media only screen and (max-width: 767px){
 81   #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
 82   }
 83   </style>
 84   <script src="//static.tctip.com/tctip-1.0.3.min.js"></script>
 85 <script>
 86 new tctip({
 87     top: '20%',
 88     button: {
 89       id: 5,
 90       type: 'dashang',
 91     },
 92     list: [
 93       {
 94         type: 'alipay',
 95         qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E6%94%AF%E4%BB%98%E5%AE%9D%E6%94%B6%E6%AC%BE.bmp'
 96       }, {
 97         type: 'wechat',
 98         qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE.bmp'
 99       }
100     ]
101   }).init();
102 </script>

标签:飘雪,看板娘,github,cnblogs,E6%,width,type
来源: https://www.cnblogs.com/qq2806933146xiaobai/p/15897808.html