兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

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

[复制链接]
tuzi 发表于 2015-8-8 23:15:05 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


经常看到有朋友问“怎么将ECSHOP分类树显示为一排(行)两个”,也就是如下面的效果图:  W1 a, h; V& m) q
) n/ i- Z- v, X
100924141502671877s6wne4.jpg . a0 ~- F, k+ I% F+ v# i; q8 ~" x

/ Q) `4 R9 q0 a4 t这个ECSHOP模板修改问题,主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的,所以不同模板的具体修改方法也是不完全相同的,没有通用的修改方法。% k) [  ~* d) b
* K. a+ t3 k, G7 m
下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的,已经测试通过,完全兼容IE6,IE7,火狐。其他模板请参照举一反三。
5 g2 \$ Q+ `: o# j) x
( s4 {+ Z# u3 t+ ^# T9 O) q  l- b-------------------------------------------------------------------------------------------------------------------
9 O( {9 C& u9 ?& C
& o* d8 G4 {4 o) K! d: w* I; C 打开 /themes/default/style.css 文件
4 j% L. j' C! {
7 h2 G* z5 U4 `& ]找到
#category_tree dd{padding:3px 0 3px 10px;}

; d. k3 _  P; D2 f  J/ y将它修改为( E1 ^2 B5 G% \  a
#category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;}

0 p+ V4 Z8 d" H# [$ Q
3 h2 L. }' I5 x+ Z# m然后再打开  /themes/default/library/category_tree.lbi 文件6 f, \/ j1 P7 y+ D' Z

/ W- U/ \; J% l9 Y" n" S
</dl>
( G, ], `" W- X0 J* ^6 p+ r) j1 t( a
下面增加一行代码; }8 e3 a/ Q; Q! i2 l3 j$ Q
<div style="clear:both;"></div>
  d! {+ ^, J. J3 B/ g7 O' B

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-10-23 10:15
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表