找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 4060|回复: 1

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

[复制链接]
发表于 2015-3-30 17:25:26 | 显示全部楼层 |阅读模式
本帖最后由 chenxin261 于 2015-5-13 08:49 编辑

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>
回复

使用道具 举报

 楼主| 发表于 2015-5-13 08:47:48 | 显示全部楼层
这个问题看来很难 这么长时间难都没有人会,唉。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|Discuz代码分析|Discuz目录结构|DZ起点网 ( 蜀ICP备13000518号-15 )

GMT+8, 2024-12-23 20:23 , Processed in 0.046246 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表