Sian 发表于 2015-5-14 17:45:23

Discuz如何指定版块图标大小

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注入的方式可以引用很多我们自定义的代码,等待你的发现!
页: [1]
查看完整版本: Discuz如何指定版块图标大小