一共7篇文章
专题：第2期
-
网站嵌入B站视频-开启高分辨率-自适应大小
B站作为现在国内数一数二的视频网站，可以说大部分人都在使用了。我们有时候希望在文章内嵌入B站视频，但是直接嵌入B站生成的代码的话，视频宽高会变得非常奇怪，今天我就来教大家解决这个问题。另外，B站生成的嵌入代码默认是360p，如果想要开启高分辨率的话，我们还需要自己添加参数。 效果预览： 获取B站嵌入代码 我们点击视频下方的分享按钮，可以看到B站生成的嵌入代码。更多教程欢迎继续关注飞鱼ACG,我们将…...
- 485
- 0
-
【Sakurairo美化系列】添加九宫格图片墙
这是一个能根据窗口大小自动缩放的图片墙，可以用来展示各种照片，使文章排版更加优美，我下面给出了3*3的排版，经过适当的改动也可以变成其他的排版，比如2*2、2*3等等，来自由组合，制作有个属于你的照片墙吧。 效果演示 代码 CSS样式 /*九宫格-3*3*/ .squareimg-3 { position: relative; width: 100%; height: 0; padding-bot…...- 1.4k
- 1
-
【Sakurairo美化系列】添加菜单图标
这个教程手把手教会你简单使用字体图标，零基础花几分钟就可以学会并使用。 效果图 教程 视频教程 文字教程 进入iconfont.cn 选择自己想要的图标加入项目 进入项目中点击生成代码 复制CSS链接地址 进入外观——主题编辑器 在header.php中引入CSS链接 在菜单中按对应格式书写 保存 CTL+F5强制刷新...- 1.5k
- 16
-
【Sakurairo美化系列】手机端菜单动画
此效果已经在Github提交PR，后续版本将会直接使用此菜单动画。 Sakurairo主题的菜单动画美化教程，此教程教你更改动画，制作属于自己的菜单动画。 效果对比 话不多说，我们先放效果对比图： 可以很明显的看出，原菜单动画是“直接出现直接消失”，而我们更改为了“右移出现，左移消失”，使得动画不那么突兀，并且我们的动画跟页面动画一致，不会漏出后面的背景。 优化代码 @media (max-wid…...- 921
- 5
-
JavaScript学习笔记
JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。本文记录了一些常用的知识点。 DOM重点核心 控制台 console.log() 打印信息 console.dir() 打印元素对象,更好的查看里面的属性和方法 获取元素 ge…...- 604
- 7
-
为WordPress添加时间轴
时间轴可以用来记录网站历程，也可以用来记录每天发生的事情。 通过以下简单步骤，来为Wordpress添加时间轴吧。 添加CSS样式 在主题style.css最后或者主题设置自定义面板添加以下代码： /* 站点动态时间轴 */ #teamnewslist ol{list-style:none;padding-left: 14px;border-left: 2px solid #eee;font-si…...- 971
- 11
