查看: 9|回复: 9

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

[复制链接]

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
发表于 2021-1-17 14:10:03 | 显示全部楼层 |阅读模式


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

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

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


只有右则有灯笼:若需要网站左右则都有灯笼的请至https://addon.dismall.com/plugins/shangyou.html下载。
无良的人太多,原始代码请到上面链接自行复制

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


最后祝大家2021新年快乐,万事如意!


Tahoma, quot, 15px
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-1-17 17:11:28 | 显示全部楼层
自己顶一下
回复

使用道具 举报

1

主题

22

回帖

0

积分

热心网友

金币
22
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-7-25
发表于 2021-1-19 08:52:08 | 显示全部楼层
大佬好牛b哦 我好喜欢哦
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-1-19 23:59:58 | 显示全部楼层

用上了吗?
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-1-20 15:51:09 | 显示全部楼层

用上了吗?
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-1-28 13:06:17 | 显示全部楼层
过年了过年了
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-2-3 12:49:39 | 显示全部楼层

已上架应用中心
回复

使用道具 举报

0

主题

16

回帖

0

积分

热心网友

金币
16
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2012-3-30
发表于 2021-2-6 20:06:05 | 显示全部楼层
还是谢谢你的分享
回复

使用道具 举报

27

主题

18

回帖

0

积分

热心网友

金币
18
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-4-14
 楼主| 发表于 2021-2-7 09:55:50 | 显示全部楼层

你是机器人?????一下子全论坛都被你回复了
回复

使用道具 举报

0

主题

16

回帖

0

积分

热心网友

金币
16
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2012-3-30
发表于 2021-2-7 20:35:03 | 显示全部楼层
我也想啊!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部