经常看到有朋友问“怎么将ECSHOP分类树显示为一排（行）两个”，也就是如下面的效果图：6 ?" I+ j0 N" }% E' R5 J' W9 f
% e1 j/ E! e* k* P$ T9 @* O
# c5 ?. U; L4 v$ V3 N5 ^
- y5 E8 d2 {# C# f这个ECSHOP模板修改问题，主要就是靠修改CSS来实现。但是不同模板的具体CSS代码是不一样的，所以不同模板的具体修改方法也是不完全相同的，没有通用的修改方法。. t) L# u g4 S/ G& ~* v3 ^
1 T0 n9 L* Q |$ v& i3 l: R下面教程是以 2.7.2版 官方默认模板 为例 进行讲解的，已经测试通过，完全兼容IE6,IE7,火狐。其他模板请参照举一反三。
* F7 h& Z6 k4 \! K0 d9 `
2 g L% B( v$ W2 Z9 w8 M% c! d------------------------------------------------------------------------------------------------------------------- R1 s j+ l$ y6 y8 f6 M s
, j1 K# Y5 h }( t3 _+ K
打开 /themes/default/style.css 文件
% n" e% U, S$ b! U4 F
/ \6 \0 c* I6 l; g/ |3 Q" S找到 | #category_tree dd{padding:3px 0 3px 10px;} |
3 V* L9 ~& V* _将它修改为
& d6 h/ S' `$ L( u| #category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;} |
9 P3 W; P' o9 h0 _$ k; X* P" f
9 m: Y- D+ k6 {& n! E然后再打开 /themes/default/library/category_tree.lbi 文件' V: f0 Z( C2 [! S$ h
0 t' d* Y2 U& S
在
L8 o6 M; L" n) H$ E下面增加一行代码
( p; L7 k* i5 Q, H6 S| <div style="clear:both;"></div> |
" |( X k' C: ]: ?6 F { |
30946
0
©2015-2022 tuyuanma.com 版权所有 Sitemap.xml
开发工具
站长平台
IDC服务商
注册交易
SEO及安全
开放平台
CDN及SSL
源码资源
自媒体平台
图片工具
小程序平台
投资理财
常用工具
友情链接
网络硬盘
赣公网安备36112102000036号
赣ICP备17001544号-10