默认样式风格左侧的分类排列问题
2016-07-07 16:28 来源:www.chinab4c.com 作者:ecshop专家
默认的风格是那种蓝色的,左边的分类排列是一行一个分类排列样式,怎么修改成float:left,让文字自动靠左排列。因为我的分类通常只有两个字或者三个字,一行一个分类排列出来不美观。 |
回答:
论坛有一行 排2列的方式 搜索 |
是不是像我的一样啊? www.popopoo.com EC2.61版本商品分类两列的完美设置! 第一步,打开\themes\default\style.css文件,找到如下代码: 下面是原代码: /*商品分类*/ #category_tree{border:4px solid #f1faff; 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; } #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;} #category_tree dd a{color:#404040; text-decoration:none;} #category_tree dd a:hover{color:#ff6600; text-decoration:none;} /*销售排行*/ 现在下面的是修改后的代码: /*商品分类*/ #category_tree{border:4px solid #ffeef6; 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;} /*销售排行*/ 上面改完,基本两列可以正常使用了,在分来最下面很不美观,接下来,我们在进行修改! 打开文件\themes\default\library\category_tree.lbi 增加一行看代码红色就是增加部分! <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <div class="box"> <div class="box_1"> <div id="category_tree"> <!--{foreach from=$categories item=cat}--> <dl> <dt><a href="{$cat.url}">{$cat.name|escape:html}</a></dt> <!--{foreach from=$cat.children item=child}--> <dd><a href="{$child.url}">{$child.name|escape:html}</a></dd> <!--{/foreach}--> </dl> <!--{/foreach}--> <DL><DT><div align="center"> </div></DT></DL> </div> </div> </div> <div class="blank5"></div> 大家还可以在<div alige="center">这里加上你要加的文字</div>,不加也可以 喜欢的加个友情连接把! |
这帖子不错顶一下 健康知识 |
谢谢POPOPOO。 再问有没有办法设置CSS,让它靠左排列,因为每个栏目的自述不一致,想让它float:left。 |
还有默认的风格,flash幻灯下面的今日特价,怎么一直都是空白的? |
你发布一促销商品就可以看到了! |
我发布了三个都没有显示,后台更新缓存还是不显示。 |
最近更新
常用插件
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
ecshop热门问答
ecshop热门资料
ecshop手机类型
ecshop新装网店
ecshop游览历史
ecshop会员导出
ecshop英文模板
ecshop河南郑州
ecshopECMALL商城
ecshopTel
ecshop淘日本
ecshop不能付款
ecshopGIF
ecshopGot
ecshop在线咨询
ecshop模板管理
ecshop工具
ecshop171
ecshop市场
ecshop面板
ecshop服务台
ecshop转换器
ecshop訂單管理
ecshop响声
ecshopwatermark
ecshop商品货号
ecshop点击没反应
ecshop自主
ecshop工程师
ecshop手机短信
ecshop商品设置
ecshop橱窗