Question

求教高手dz3.2 中 discuz.htm 中如何把版块图标替换成调用CSS文件的？

求教高手dz3.2 中 discuz.htm 中如何把版块图标替换成调用CSS文件的？

discuz.htm 中研究了好几天也没有研究所以然来，但是总算发现了一点就是把里面的单独一行有“$forum[icon]”的去掉后，自己自定义的版块图标就不显示了，不自定义的是正常显示的，应该就是改“$forum[icon]” 附近的代码，

这是discuz.htm中的部分代码， 就是不知道怎么改成调用CSS的？

<!--{if $forumcolumns>1}-->
<!--{if $favorderid && ($favorderid % $forumcolumns == 0)}-->
</tr>
<!--{if $favorderid < $forumscount}-->
<tr class="fl_row">
<!--{/if}-->
<!--{/if}-->
<td class="fl_g"{if $forumcolwidth} width="$forumcolwidth"{/if}>
<div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
<!--{if $forum[icon]}-->
$forum[icon]

<div class="fl_icn_g" style="width: 81px;">
<a ><img src="http://www.7l99.com/data/attachment/common/32/common_66_icon.png" align="left" alt="『硬件设备维修调试』"/></a></div>
像上面的这段代码大概会有10行左右，共要调用10个图片文件，要请求10次，想减少下请求数。想用cSS 合并的，这样听说只要一次请求就可以了。
CSS 代码
.shen_li {background-image: url("CSS Satyr.png"); display: block;}
.pic_1 {background-position: -0px -0px; width: 82px; height: 44px; }
.pic_2 {background-position: -82px -0px; width: 81px; height: 44px; }
.pic_3 {background-position: -163px -0px; width: 81px; height: 44px; }
.pic_4 {background-position: -244px -0px; width: 81px; height: 44px; }
.pic_5 {background-position: -325px -0px; width: 81px; height: 44px; }
.pic_6 {background-position: -0px -44px; width: 81px; height: 44px; }
.pic_7 {background-position: -81px -44px; width: 82px; height: 44px; }
.pic_8 {background-position: -163px -44px; width: 81px; height: 44px; }

上面的CSS代码已经放到CSS文件里了，就是接下的调用要如何改discuz.htm，不会，求帮助
调用效果
common_37_icon.png
<span class="pic pic_1"> ... </span>common_37_icon.png
common_46_icon.png
<span class="pic pic_2"> ... </span>common_46_icon.png
common_57_icon.png
<span class="pic pic_3"> ... </span>common_57_icon.png
common_66_icon.png
<span class="pic pic_4"> ... </span>common_66_icon.png
common_67_icon.png
<span class="pic pic_5"> ... </span>common_67_icon.png
common_68_icon.png
<span class="pic pic_6"> ... </span>common_68_icon.png
common_71_icon.png
<span class="pic pic_7"> ... </span>common_71_icon.png
common_78_icon.png
<span class="pic pic_8"> ... </span>

Answer 1

[class*="pic_"], [class^="pic_"] {
  background: url(你自己的背景图片路劲) no-repeat;
  display: inline-block;
}

加上这段试试。