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