Discuz如何指定版块图标大小

Sian

1、先上图，看看效果再发表演讲



2、设置版块图标的一般步骤为：登录后台--论坛--版块管理--基本设置，找到“版块图标”然后上传即可

3、在“版块图标”下面还有个“图标宽度”选项，注意该选项不是用来指定图标的显示宽度的，事实上图标有多大首页即会显示多大（大图直接把页面撑爆！）

4、“图标宽度”的功能是由管理员来指定图标大概有多大，版块文字会自动后退多少个像素来匹配显示；

5、那么很多人会觉得，这没有问题啊，如果我希望图标大小是50x50，那么做个50x50的图标上传，然后设置一下“图标宽度”不就搞定了吗？！

6、正常情况下确实是这样的，没发现问题是因为你没使用过高清屏，比如Retina屏的MacBook，5K屏的iMac，这样机器上看到的网页是非常难看的

7、扯得有点远了，回归正题，到底如何指定图标的大小呢？Discuz后台没有相关设置选项，但是Discuz终究是要引用你的图标的呀

8、我估计Discuz的引用方式是<image:url="xxxxxxxxx">之类的，这个xxxxxxx就是你上传图片后的路径，如：a3/common_68_icon.png

9、其实这里可以大作文章，按照上述的引用方式，最终的Html代码是<image:url="a3/common_68_icon.png">

10、这里的关键就是这个引号了，如果我的url里面直接给他个引号会怎样？他会提前结束引用，比如我把图片路径写成：a3/common_68_icon.png" width="64px"

11、引用后的结果就成了<image:url="a3/common_68_icon.png" width="64px"">，发现了吗，提前结束图片名，后面再带设置图片宽度的代码，结果还真生效了

12、所以，在图标上传后，再来编辑，图标的URL后面加上：" width="64px"即可，前面半边引用很重要，英文的引号哦。

13、聪明的人从这个例子中应该发现了规律，没错！Discuz中设置参数的地方都是直接引用，通过类似于SQL注入的方式可以引用很多我们自定义的代码，等待你的发现！