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

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下错位啊