如何为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目录下！