最新消息
  • 您好下载中心的主题现已开启全免费下载!
  • 通过购买升级账户到相应的用户组 36元/6个月、24元/季度、7元/月、4元/周。 免费用户组升级
  • 欢迎 游客 您的光临,下载之前请先阅读 下载资源说明 少走弯路。任何技术问题请在论坛提问,本站定制插件售前、售后问题请联系QQ:5916171
  • 点击链接加入群聊【XenForo讨论社区】:群号:143277648

技巧教程 优雅地添加BiliBili BB代码教程(自适应!)

Cnury 站长
UID
259
注册
2019/01/30
消息
30
黄金
1,367.81G
  1. 后台打开:内容-->自定义BB代码-->添加BB代码
  2. 填写内容:
  3. 代码标签:随意,这里是bilibili
  4. 标题:哔哩哔哩
  5. 替换模式:简单替换
  6. 支持的参数选项:是
  7. HTML替换:
    HTML:
    <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
    </div>
  8. 图标:可自定义,由于fa没有B站图标,这里就用图片:B站SVG
  9. 保存,完成!
你还需要在BB代码按钮管理器添加这个按钮,这里就不赘诉了。
添加方法:1585558042882.png

效果:
1585550332901.png
1585550349716.png
帮到你的就点个支持嘛~~~~~​
 
最后编辑:
打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
443
黄金
3,231.18G
    Windows 10 Chrome 80.0.3987.149
  • #3
正好我在找iframe自适应 :icon-mrgreen:
 
普通会员
UID
700
注册
2020/03/24
消息
6
黄金
192.00G
    Windows 10 Chrome 84.0.4121.0
  • #4
感谢教程
 
普通会员
UID
760
注册
2020/04/16
消息
7
黄金
183.00G
    Windows 10 Chrome 81.0.4044.129
  • #5
  1. 后台打开:内容-->自定义BB代码-->添加BB代码
  2. 填写内容:
  3. 代码标签:随意,这里是bilibili
  4. 标题:哔哩哔哩
  5. 替换模式:简单替换
  6. 支持的参数选项:是
  7. HTML替换:
    HTML:
    <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
    </div>
  8. 图标:可自定义,由于fa没有B站图标,这里就用图片:B站SVG
  9. 保存,完成!
你还需要在BB代码按钮管理器添加这个按钮,这里就不赘诉了。
添加方法:浏览附件2387

效果:
浏览附件2385
浏览附件2386
帮到你的就点个支持嘛~~~~~​
太棒了这个
 
普通会员
UID
870
注册
2020/06/13
消息
17
黄金
982.05G
    Android Chrome Mobile 74.0.3729.136
  • #8
这个太好了,真的需要…
 
顶部 底部