乙巳蛇年将之,未来装点小站的节日气氛,即日起将为桌面端网页添加上新春快乐的两盏大红灯笼。

具体代码实现方法如下:代码来自Docker系列 WordPress系列 特效 - Bensz

<!--春节灯笼-->

<link href="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/css/deng.css" rel="stylesheet">

<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>

将代码插入到页尾</body>之前即可

如果想要做到仅电脑端显示,可以在代码外套一个设备检测的.js,就像这样

<!--仅电脑端特效-->
<script src="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mobile-detect.js"></script>

<script type="text/javascript">

    // 设备检测

    var md = new MobileDetect(window.navigator.userAgent);

 

    // PC生效,手机/平板不生效

    // md.mobile(); md.phone();

    if(!md.phone()){

        if(!md.tablet()){

            //此处开始

            // 春节灯笼

                                   document.write('<link href="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/css/deng.css" rel="stylesheet">');

                                   document.write('<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>');

                                   document.write('<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>');
        }  

    }

</script>

新春
 
快乐

更多的wp优化/美化代码可以参考这里:Argon主题优化 - StarSkyZの小站

PS:快来看烟花! 我的烟花