-
B2主题代码块样式修改
原版b2主题代码块会自动换行，代码看起来不是那么直观。今天我们来修改一下代码块，添加最大高度，代码取消自动换行，超出边界隐藏，可拖动查看。 教程所用b2主题为2.6.0版本，其他版本可能会出现问题，请自行解决。 代码 /*代码块样式修改*/ pre { max-height: 400px; max-width: 735px; margin: 10px 0; overflow: auto; } pr…- 165
- 5
-
网站嵌入B站视频-开启高分辨率-自适应大小
B站作为现在国内数一数二的视频网站，可以说大部分人都在使用了。我们有时候希望在文章内嵌入B站视频，但是直接嵌入B站生成的代码的话，视频宽高会变得非常奇怪，今天我就来教大家解决这个问题。另外，B站生成的嵌入代码默认是360p，如果想要开启高分辨率的话，我们还需要自己添加参数。 效果预览： 获取B站嵌入代码 我们点击视频下方的分享按钮，可以看到B站生成的嵌入代码。更多教程欢迎继续关注飞鱼ACG,我们将…- 482
- 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…- 913
- 5
-
为WordPress添加时间轴
时间轴可以用来记录网站历程，也可以用来记录每天发生的事情。 通过以下简单步骤，来为Wordpress添加时间轴吧。 添加CSS样式 在主题style.css最后或者主题设置自定义面板添加以下代码： /* 站点动态时间轴 */ #teamnewslist ol{list-style:none;padding-left: 14px;border-left: 2px solid #eee;font-si…- 970
- 11
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×