【分享】v2.7 默认的模版二级分类并排显示方法

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

我是这样做的，默认模板下
1、STYLE.CSS修改

  2. /*商品分类*/
  3. #category_tree{border:4px solid #f1faff; background-color:#fff;}
  4. #category_tree dl{margin:6px;}

  6. #category_tree dt{background:url(images/lineBg.gif) repeat-x left
  7. bottom;color:#3f3f3f;padding:2px 0 3px 12px;font-weight:bold;}
  8. #category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;color:#3f3f3f; padding-left:15px; text-decoration:none;}
  9. #category_tree dd{padding:2px 0 2px 10px;width:50px;float:left;white-space:nowrap;word-break:keep-all;display: inline;}
  10. #category_tree dd a{color:#404040; text-decoration:none;}
  11. #category_tree dd a:hover{color:#ff6600; text-decoration:none;}
  12. .clear{line-height:1px;clear:both;visibility:hidden;}
复制代码
注意我加了一个clear的css，他是用来清除浮动的。

温馨提示：#category_tree dd的width:50px;值，改变大小就可以实现一行两列、三列....都可以。呵呵，你的外框够大的话就行。

2、然后修改category_tree.lbi文件了。

在</dl>的后面添加<div class="clear"></div>就可以了。

这样就OK了。

未标题-3.jpg (66.43 KB)

截图

未标题-3.jpg


回答：
谢谢了 ，正需要呢

好看了

确实不错啊！用户名和我的怎么这么像啊。汗

留个脚印！

确实不错啊！用户名和我的怎么这么像啊。汗
emeok 发表于 2009-8-31 13:18

你们。。。同父异母~

谢谢你了
不过怎么搞成二排数字搞多少

我测试好了是72 呵呵谢谢了

8# 枕我入眠

呵，授人渔嘛～帮上忙就好。

你们。。。同父异母~
kxgow 发表于 2009-8-31 14:01


确实很汗～～～呵呵

顶一下

不是默认模板的话。修改后有问题可以找我。因为我遇到一个是有问题的。呵呵

不是默认模板的话。修改后有问题可以找我。因为我遇到一个是有问题的。呵呵
emeokey 发表于 2009-9-6 06:34
请教楼主。LI标签如何实现多列显示。可不可以以银色风暴的板子修改说明下，不盛感激

银色风暴 的模板哪里下载的啊？？

СПАСИБО