admin 发表于 2021-1-17 15:57:07

过年了,给你的网站挂个灯笼,纯HTML+CSS手敲出来的

过年挂灯笼是中国的一个习俗,家里挂灯笼,博客也是自己的家,当然也要挂一个了。很多年前Flash流行时,网上可以随便找一个Flash动画的灯笼,很方便就可以加到网站主题模板上,如今Flash已成过眼云烟,在国内甚至已变成流氓插件,网上找了找没有合适CSS3动画灯笼,那就自己写一个吧,效果图

代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。
这个灯笼只是简单应用一下CSS3动画,纯HTML+CSS手敲出来的,由于时间短写的不是很严谨,但不影响使用,具体实现方法如下:

第一种方法(适合懒人):
将以下代码复制出来,进入网站后台-全局-网站第三方统计代码里直接把代码粘贴上去提交即可。
也可以把代码放在页面底部footer.php文件里。


只有右则有灯笼:若需要网站左右则都有灯笼的请至https://www.enwn.cn/thread-212-1-1.html下载。


添加判断函数
如果只想在首页显示灯笼,可以用下面的判断语句把上面的代码包裹起来:
<?php if (is_home()) { ?><!-- 代码放这里 --><?php } ?>手机移动端不显示:
<?php if (!wp_is_mobile()) { ?><?php require get_template_directory() . '/deng.php'; ?><?php } ?>提示:加显示判断函数,代码必须添加在页脚模板<?php wp_footer(); ?>函数上面,否则无效。


最后祝大家2021新年快乐,万事如意!
页: [1]
查看完整版本: 过年了,给你的网站挂个灯笼,纯HTML+CSS手敲出来的

创宇盾启航版免费网站防御网站加速服务