Zurmo(十五)之图标

53 篇文章 0 订阅
51 篇文章 0 订阅

问题描述:如果我们要自定义Zurmo的图标,如下图:这些图标是zurmo自带的,下面的步骤可以让我们自己自定义图标。

这里写图片描述

1.打开浏览器的控制台:
这里写图片描述

我们可以找到这个图标定义的样式,内容和样式所在的文件,我们可以在这里直接操作,然后查看具体的样式,现在这个content:’A’ 出来的就是那个主页的图标。

2.我们进到这个css文件中查看:
这里写图片描述

3.如果我们要改图标,就把在对应的content的值改掉就行了,至于改成什么值,我们等下会说。
PS:这里有一点要注意的是,如果是我们自定义的模块的话,图标默认给的zurmo的图标,大家自己去看就知道了。我们要自定义的话,

这里写图片描述

要自己加一个样式,才会成功。刷新页面,就可以看到效果了。

4。现在我们将会步骤3中的content可以取什么值。其实Zurmo的图标采取的.svg .ttf .woff .eot等等这些文件方式存的,读者自行百度具体是什么东西。

这里写图片描述

其中.ttf文件是可以直接打开的,其它要借助特殊的工具才可以看的。我用的 FontCreator 这个软件(可以直接看到所有的content的值,但是一些特殊的符号还有再用特殊的编码才可以显示的,直接在 zurmo-turquoise.css 这个文件里直接看值 ,比如content: ‘\2205’;等等),

这里写图片描述

在这个软件下查看 .ttf 文件 可以直接显示图标 还有图标的具体的编码和内容。比如更新的那个 编码是 ‘exclam’ 然后全局搜 这个关键字,就可以在

这里写图片描述

打开这个文件可以看到值。但是我还不太清楚这个文件具体是怎么作用的。

5.至此自定义图标完成了,至于要什么样的图标,自己去看吧。

6.至于zurmo为什么要用这种方式,可能是因为 .ttf .woff文件小吧,传输比较快的。

7.引入文件的地方:
这里写图片描述

就在这个PageView.php的文件里的renderXHtmlHead()方法里应用。

如有不对,请指正!也欢迎大家找我交流!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值