问题描述:如果我们要自定义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()方法里应用。
如有不对,请指正!也欢迎大家找我交流!