给分类加图标

14 Jan.2010

作者: honghegu 分类：网站制作 » shop程序出处：本站原创

大 | 中 | 小

首先你要做一个小图片，比如第一个大分类对应的图片为 cate_1.gif

第二个分类对应的小图片名称为cate_2.gif

图片做好了，你就上传到模板的图片目录就好了

注意，这个图片的名称不是按照分类的ID来的哦

下面我们来修改下代码

打开 category_tree.lbi

找到这些代码

XML/HTML Code Copy Code To Clipboard

<div class="modBox">
<dl id="category_tree">
<div class="toggleblock">
<dt class="clearfix">
<a href="{$cat.url}" class="f_l">{$cat.name|escape:html}</a></dt>
<dd>
<a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>

修改成如下，在相应的地方增加就好了

XML/HTML Code Copy Code To Clipboard

<div class="modBox">
<dl id="category_tree">
<div class="toggleblock">
<dt class="clearfix">
<img style="float:left" src="../images/cate_{$smarty.foreach.cate_goods.iteration}.gif" style=" padding-right:8px;">
<a href="{$cat.url}" class="f_l">{$cat.name|escape:html}</a></dt>
<dd>
<a href="{$child.url}" title="{$child.name|escape:html}">{$child.name|escape:html}</a>

随机日志		综合排行
	搬家金... 看完之后别再说合不合适随感我们说好的 TVB1996笑傲江湖琴箫合奏... CSS入门：css选择符 ==天音不同類型加點== 老公和老婆的亲密对话一老青云玩家最终总结的青云练级点... 域名解析		处事名言 9000白屏按键失灵解决方案 TVB1996笑傲江湖琴箫合奏... 限制或禁用ECShop缓存解决E... 诛仙满级合欢加点天音150完美加点附天书加点来个笑话!~~小学生最新造句星期和月份中英文对照简单生活 - (简洁绿色风格) ... 免费在线获取Microsoft ...