免插件实现 FancyBox灯箱

免插件实现 FancyBox灯箱

全代码集成FancyBox灯箱,亦可摆脱无用插件,FancyBox 图片灯箱效果不仅可以点击图片放大,而且还支持幻灯片播放、全屏查看、缩略图列表以及分享照片的功能。将下方代码添加到</head>之前<script src="//code.jque...
卡片式友链页面模板

卡片式友链页面模板

友情链接页面采用了卡片式的设计,在鼠标滑过时,卡片会向上浮起,同时页面整体是响应式的,在 >900px 的页面上一行显示三个卡片,在 600px~900px 大小的页面上一行显示两个卡片,在 <600px 的页面上则一行只显示一个...
链接区域鼠标滑动浮起效果

链接区域鼠标滑动浮起效果

a:hover{ z-index: 2; /*设置在顶层显示*/ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); /*添加阴影*/ box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0,...
白色水波浪代码

白色水波浪代码

PC端和手机端自适应<!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" viewBox="0 24 150 28" p...
免费轻量WordPress文章生成分享海报插件:WP-Poster

免费轻量WordPress文章生成分享海报插件:WP-Poster

插件简介:WordPress很多博客/站点都用上了海报分享功能,个人觉得这个功能其实是可有可无的,但是不可否认是个很炫酷的分享功能,对于网站/博客前期对外宣传还是有些帮助。WP-Poster是一款免费的WordPress文章生成分享海报...
WordPress中用户头像不显示,最新解决方案!

WordPress中用户头像不显示,最新解决方案!

方法一1.首先去https://cravatar.com/ 互联网公共头像服务官网注册2.只需要将以下代码加入您的主题的 functions.php 里即可:if ( ! function_exists( 'get_cravatar_url' ) ) { /** * 替换 Gravatar 头像为 Cravata...
PHP 实现随机图像功能

PHP 实现随机图像功能

之前发过一篇PHP简单实现一言 / 随机一句功能,既然随机的文字有了,随机图像当然不能落下。PHP 随机图像实现的代码超级简单,短短四行就搞定了:<?php$img_array = glob('images/*.{gif,jpg,png,jpeg,webp,bmp}', GLOB_...
使用 LetterAvatar 实现纯前端生成字母头像

使用 LetterAvatar 实现纯前端生成字母头像

自动给没头像的用户生成一个昵称首字符的彩色头像WordPress 插件版为了方便大家的使用,我基于该代码编写了一个 WordPress 插件,该插件会自动将评论区无头像用户的头像显示成昵称首字符的彩色头像。整个插件大小只有不到 5...
PHP简单实现一言 / 随机一句功能

PHP简单实现一言 / 随机一句功能

很多网站都喜欢在页面中加个一言,不过一般都是调用的第三方api。其实,使用万能的php能通过短短的几行代码就实现该功能!准备工作首先准备一个代码编辑器,然后新建一个 php 文件,命名为 api.php,再新建一个文件,命名为...
用PHP读写文本文档制作最简单的访问计数器

用PHP读写文本文档制作最简单的访问计数器

通过PHP实现不用数据库,利用文本文档来制作一个网页访问计数器新建counter.php文档,输入如下代码:<?phpfunction get_hit($counter_file)//定义函数,内容用{}括起来,学过编程的人应该看出来了,跟C语言有点相似{$cou...
美化wordpress登录页面

美化wordpress登录页面

WordPress后台的登录页面默认就是一个登录的表单,背景什么的都是白茫茫的一片。看久了还真有点腻。今天就分享一下美化后台登录界面的简易教程。 首先,打开你的主题的"functions.php",拉倒最后面,在最后一行的 “?>...
Video标签上面覆盖播放按钮点击播放

Video标签上面覆盖播放按钮点击播放

自定义图片(背景不是poster)。覆盖到视频上,然后点击这个可以 播放。HTML部分<div class="video-box" > <video id="video" autoplay="autoplay" controls="controls" style="width:100%;height:510px">...