-
鼠标点击效果-彩色心
代码介绍 这个代码实现了一个点击页面时生成彩色心形动画效果的功能。具体来说,当用户点击页面任意位置时,会在点击位置生成多个彩色的心形图案,这些心形图案会逐渐上升并消失。 视频介绍- 0
- 0
- 20
-
【B2美化】替换文章小图标
代码效果 替换B2文章的小图标,让文章列表看起来更加美观。每个人审美不同,你可以替换自己想要的任何图标,包括套svg图标以及一些其他的。 代码修改位置 /Modules/Templates/Modules/Posts.php 104行左右 functions.php引用代码: require_once get_stylesheet_directory() . '/Modules/Temp…- 0
- 0
- 15
-
-
-
-
分享小工具代码Findme
代码介绍这是我自己写的一个联系方式展示代码,代码主要参考了Codepen中Akshay作者的Follow me代码? Akshay 作者主页,然后重写的 使用方法 代码丢wordpress后台的外观-小工具-自定义html或B2的html中即可,记得改代码里的图片地址,要对应上 css代码放到style.css样式文件中。 你也可以把遮罩背景改成图片或者视频,看自己喜欢。- 0
- 0
- 34
-
给后台添加自定义按钮
代码效果 为WordPress的文本编辑器添加一些自定义按钮。这些按钮可以插入特定的短代码或HTML标签,从而方便用户在编辑器中快速插入常用的内容格式。 视频介绍 代码放置位置 子主题或父主题的functions.php中 代码查看 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce'); func…- 0
- 0
- 18
-
缩略图hover时放大和浮动
代码效果 这个代码是用来在网页中实现一些鼠标悬停(hover)效果的,当鼠标移动到文章缩略图区域时,缩略图放大。 当鼠标移动到文章区域时,文章向上移动位置,并在底部添加一点阴影。 代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…- 0
- 0
- 14