如何为moodle block添加icon?

By default, 你开发一个 block ， icon 是没有的（如下图）

如何可以像上面的第一个 block 那样有一个 icon? 使用 firefox 能查看到下列结果

 

 

可以见到原来 block 的 header 的 icon 是通过 <your theme folder>/styles.php 设置的 css 来设置 background url 属性的 。再细看该 styles.php （我们使用的 theme 是 college blue theme ），设置 background url 属性在 college_blue.css file 。因此，针对你的 block ，在 college_blue.css 里添加对应的 css codes 。

 

假设你的 block 为 ”bu_lib_tool ” ，那么你应该添加 css code

div. block_bu_lib_tool div.header {

background:url("images/ block_bu_lib_tool.jpg ") no-repeat scroll left center #FFFFFF;

}

 

然后把 block_bu_lib_tool.jpg 放到 <your theme>/images 目录下！