教程技巧 如何借助BB代码让你的图片填满网页:不懂代码也学得会!

  • #1

Aeroboxer

准将
大股东
勋章
5
各位涂装大手子在编辑涂装介绍页的时候或多或少会碰到这样一个问题:那些由WTLiker的“路过图床”插件插入的图片,其宽度总是小于文字框的宽度。

其实,如果我们稍微深挖一下路过图床的功能,这个问题就可以迎刃而解。具体步骤楼下细说
 
最后编辑:

  • #2

Aeroboxer

准将
大股东
勋章
5
1. 找到你的涂装,进入概述的编辑页面:
 
评论
  • #3

Aeroboxer

准将
大股东
勋章
5
2. 点击“描述”框最右上角的三点图标,出现下拉菜单;再点击下拉菜单中的方括号图标(切换BB代码)



于是我们看到文字和图片变成了一堆代码。别慌!我们只需要对其中一些内容做复制粘贴



与此同时,注意“描述”框右上角的放大镜图标(预览):如果在想要在编辑模式下访问图片的原页面,我们只需启用预览功能,再点击图片即可。
①启用预览:


②预览模式下点击图片,即可跳转至路过图床的原页面:


而且,预览功能可以帮助我们定位图片
 
最后编辑:
评论
  • #4

Aeroboxer

准将
大股东
勋章
5
3. 进入图片在路过图床的原页面,滚动至底部,点击复制BBCode(BB代码):
 
评论
  • #5

Aeroboxer

准将
大股东
勋章
5
4. 返回涂装概述编辑页面。首先启用预览模式,定位你的图片:

以及它对应的BB代码:

然后将原来的BB代码替换成刚刚复制的那段:
 
评论
  • #6

Aeroboxer

准将
大股东
勋章
5
5. 对每张图片做相同的操作,最后点击“保存”。大功告成!

可以看出,修改后的插图和文字同宽。最重要的是,清晰度随之得到大幅提升
 
最后编辑:
评论
  • #7

Aeroboxer

准将
大股东
勋章
5
写在最后
以上就是路过图床的一点进阶用法。我个人是强烈推荐各位把插图存放在路过图床的,因为这样可以大大减轻本站(WTLiker)的服务器存储、运行压力。开发组之所以引入路过图床,肯定是因为这样有助于降低总体的运行费用。最后祝各位站友游戏愉快!
 
评论
  • #8

Neons

Administrator
管理组
搬运组
勋章
12
你说的这个问题确实是存在的,路过图床那边也是为了降低他们的运营费用才让这个接口只返回小图片的路径的。如果需要替换成完整图片,只需要点进去,然后复制完整图片的bb代码,然后这边直接删除图片贴上代码就行,不用再点开代码编辑模式的。
 
1 评论
Aeroboxer
Aeroboxer 已评论
确实是可以的:tieba-25:
 
顶部