共享干净、整洁的仿京东模板两例商品分类代码

2016-07-07 16:14 来源：www.chinab4c.com 作者：ecshop专家

京东模板是一个不错的模板，但是商品分类有点乱（呵呵，个人观点），改进
了一下，现在将代码共享，喜欢的拿去：

演示网站：http://www.my1008.com

第一步：找到style.css中以下代码：
/*商品分类*/
#category_tree{
background:#f4f9fd; padding:8px;
}
#category_tree dt,#category_tree dt a{ font-weight:bold; font-
size:14px; color:#025fa8;}
#category_tree dt,#category_tree dd{ margin-bottom:3px;
color:#999999;}
#category_tree dd a{margin:0 3px;}

用下面代码替换：
/*商品分类*/
#category_tree{border:4px solid #7db4df; background-color:#fff;}
#category_tree dl{margin:6px;}
#category_tree dt{background:url(images/lineBg.gif) repeat-x left
bottom;
color:#3f3f3f;padding:2px 0 3px 12px; width:150px;
}
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -
69px;
color:#3f3f3f; padding-left:15px; text-decoration:none;
}
#category_tree dd{padding:3px 0 3px 10px; width:70px; float:left;
white-space:nowrap;
word-break:keep-all;
display: inline;
}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/
clear:both; visibility:hidden;}

第二步：下载库项目文件category_tree.lbi直接替换原文件即可。
提示：升级时最好备份一下，小心总是不会有错的。

category_tree.rar (581 Bytes)


回答：


utf-8 版本请下载这个category_tree.lbi：

category_tree.rar (591 Bytes)


好东西，顶一下。不过我的出现了点问题，请教高手，就是我的分类现在是一行一列了，怎样才能是一行两列呢？还有我的替换后没有边线了。请教高手。
His37.JPG

补充一下，现在是两列了，可是中间颜色不一致，请教高手
http://www.youepai.cn

支持楼主！！！！！！！！！

4楼的模板不错 能提供下吗？？？

呵呵，共享精神值得学习

搞不定啊原style.css和楼主发的代码不天一样，更换后没啥变化

楼主能不能帮忙看一下或者说明相信点，很喜欢京东模板，但是模板显的比较拥挤，希望嫩更改成楼主那样的，谢谢

7楼的朋友，那个粉色的京东有下载，你搜索一下

7楼的朋友，那个粉色的京东有下载，你搜索一下
xxkxj 发表于 2009-3-6 08:43


谢谢啊。

楼主能否提供你那两栏的，上面的安装后不行

不错，支持共享，谢谢！

firefox下错位啊