搜索到
2
篇与
的结果
-
给网站挂上春节灯笼 要过年了，看大家的网站上都挂上了灯笼，我也挂一个。主题后台加个开关，方便随时关掉。代码：1.foot.pho里放如下代码： <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春节</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">快乐</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div>2.加上css代码：.deng-box { position: fixed; top: -30px; left: 220px; z-index: 9999; pointer-events: none; } .deng-box1 { position: fixed; top: -30px; right: 222px; z-index: 9999; pointer-events: none; } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 10px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -2px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 1.5rem; color: #ffa500; font-weight: bold; line-height: 42px; text-align: center; width: 25px; margin: 0 auto; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } }3.手机上不想显示，CSS里加上一这一句：@media (max-width: 678px){.deng-box{display:none;}} @media (max-width: 678px){.deng-box1{display:none;}}上面的代码来自网络：https://eebk.com/14.htmlJOE主题后面加个开关。head.php里加上<?php if ($this->options->chunjie === "on") : ?> <script src="https://cdn.jsdelivr.net/gh/lz1473/test@master/jscss/script/dl_2.js"></script> <?php endif; ?>这只有右边两个灯笼functions.php里加上控制代码我是放在返回顶部这个开关下面。参考它的代码修改的。 $chunjie = new Typecho_Widget_Helper_Form_Element_Select( 'chunjie', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启春节灯笼', '介绍：开启后将在屏幕上方开启春节灯笼 <br />' ); $chunjie->setAttribute('class', 'j-setting-content j-setting-global'); $form->addInput($chunjie->multiMode()); -
最新免费帆樯神器 灯笼Lantern下载及使用教程 [摘要]众所周知，在天朝有一个伟大的GFW（防火长城）保护着我们的网络环境，如果你想看看墙那边的风景，就必须想办法翻过去，然而一批批造福网民的软件倒下了，帆樯变得越来越难，然而最近却传来了一个好消息，一款免费强大的帆樯软件——Lantern横空出世。（2016.1.5新增Windows、Mac、Linux、Android四个版本的Lantern蓝灯）更新提示：最新添加Windows、Mac、Linux、Android四个版本的Lantern蓝灯，目前版本为2.1.1版 （2016-4-5）众所周知，在天朝有一个伟大的GFW（防火长城）保护着我们的网络环境，如果你想看看墙那边的风景，就必须想办法翻过去，然而一批批造福网民的软件倒下了，帆樯变得越来越难，然而最近却传来了一个好消息，一款免费强大的帆樯软件——Lantern横空出世。Lantern，中文译为“灯笼”，据说是谷歌出资打造的一款帆樯软件，其口号为“人人可享的开放网络”官网为https://www.getlantern.org/，然而现在是打不开的，你懂的。这款软件近期非常流行，免费小巧，简单实用，堪称科学上网神器。对于是不是谷歌出资打造的，笔者不得而知，不过从近期用户的反应来看，这确实是继“畅游无限浏览器”后又一款良心软件。特别提示：在使用帆樯软件前务必关闭一切国产安全软件，原因不再赘述，笔者只能说此类安全软件说是保护你，实则是...而且推荐大家使用谷歌浏览器，毕竟适配自家的软件最完美，请忽略笔者的360...Lantern灯笼下载地址Windows版 点我下载 （2016-1-5更新）Mac版 点我下载 （2016-1-5更新）Android版 点我下载 （2016-1-5更新）Linux版 点我下载 （2016-1-5更新）注意：笔者是帆樯后从官网下载的，安全无毒，请大家放心使用。（2015-11-17）Lantern灯笼使用教程Lantern使用起来非常方便，下载软件后双击exe安装即可自动安装，而后会在浏览器弹出Lantern界面（如下图）提示你已经成功帆樯了，也列出了几个著名的国外网站：Facebook、YouTube、Twitter等..Lantern界面此时你就可以随心所愿浏览墙那边的风景了。谷歌截图YouTube截图Gravatar截图至此，教程结束，可以说非常简单，而且翻墙后网速也是非常的给力，笔者在YouTube看720P非常顺畅，比优酷还顺畅...最后说一句，如果是谷歌出资打造的，那真是造福人类啊，话说谷歌以后是要跟GFW对着干到底么？ 文章来源：http://www.iyaxi.com/2015-11-17/732.html
