西部数码主机 | 阿里云主机| 虚拟主机 | 西部数码云服务器 | 返回乐道官网
当前位置: 主页 > php教程 > ecshop教程 >

将ECSHOP分类树修改成一行两个

时间:2010-11-09 17:10来源: 作者: 点击:次
经常看到有朋友问怎么将ECSHOP分类树显示为一排（行）两个，也就是如下面的效果图： 这个ECSHOP模板修改问题，主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的，所以

经常看到有朋友问“怎么将ECSHOP分类树显示为一排（行）两个”，也就是如下面的效果图：



这个ECSHOP模板修改问题，主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的，所以不同模板的具体修改方法也是不完全相同的，没有通用的修改方法。

下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的，已经测试通过，完全兼容IE6,IE7,火狐。其他模板请参照举一反三。

-------------------------------------------------------------------------------------------------------------------

 打开 /themes/default/style.css 文件

找到

#category_tree dd{padding:3px 0 3px 10px;}

将它修改为
#category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;}


然后再打开  /themes/default/library/category_tree.lbi 文件

在
</dl>

下面增加一行代码
<div style="clear:both;"></div>

 
(责任编辑：好模板)
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容
随机内容
随机模板
CopyRight © 2010-2023 乐道主机 All Rights Reserved.