年年有"余"

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3571|回复: 0

[Discuz] Discuz如何指定版块图标大小

[复制链接]
  • TA的每日心情
    奋斗
    2022-12-13 21:26
  • 签到天数: 371 天

    [LV.9]以坛为家II

    发表于 2015-5-14 17:45:23 | 显示全部楼层 |阅读模式
    1、先上图,看看效果再发表演讲

    QQ20150514-1@2x.png

    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注入的方式可以引用很多我们自定义的代码,等待你的发现!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|Archiver|iOS开发笔记 ( 湘ICP备14010846号 )

    GMT+8, 2024-3-29 02:24 , Processed in 0.057134 second(s), 23 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表