关于仿京东三级分类出现的问题,请各位达人指点迷津
2016-07-07 15:03 来源:www.chinab4c.com 作者:ecshop专家
你用的不是360模板,而是在你的模板的基础上面修改的? |
回答:
是的 我想怎么把我新加上去的那个边框修改小点 |
建议把360的分类树lbi先拿到你那边去,将需要的css和js一起拿过去,然后在修改样式 |
我是直接修改CATELOGE-TREE 以及新加了.CSS的 没有JS 有JS的话就比较好调整了 在新增.CSS中好像没有调整边框大小的 |
这个就看你的css功底了,呵呵,什么都可以改的,我都改成能弹出四级的模式了,不过是在原来样式上改的 |
呵呵 菜鸟啊 CSS的功底不行啊 |
哥们我把新增加的CSS贴出来, 哥们帮忙整下 /*==========================*/ .my_left_category{ width:211px; font-size:12px; } .my_left_category h1{ background-image:url(images/spring_06.jpg); height:20px; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding-left:55px; padding-top:2px; margin:0px; color:#ffffff; } .my_left_category .my_left_cat_list{ width:209px; border-color:#000000; border-style:solid; border-width:0px 1px 1px 1px; line-height:13.5pt; } .my_left_category .my_left_cat_list h2 { margin:0px; padding:3px 5px 0px 9px; } .my_left_category .my_left_cat_list h2 a{ color:#ffffff; font-weight:bold; font-size:13px; line-height:26px; } .my_left_category .h2_cat{ width:209px; height:26px; background-image:url(images/my_menubg.gif); background-repeat:no-repeat; line-height:26px; font-weight:normal; color:#333333; position:relative; } .my_left_category a{ font:12px; text-decoration:none; color:#ff0000; } .my_left_category a:hover{ text-decoration:underline; color:#000000; } .my_left_category h3{ margin:0px; padding:0px; height:26px; font-size:12px; font-weight:normal; display:block; padding-left:8px; } .my_left_category h3 span{color:#999999; width:145px; float:right;} .my_left_category h3 a{ line-height:19 px;} .my_left_category .h3_cat{ display:none; width:204px; position:absolute; left:184px; margin-top:-26px; cursor:auto; } .my_left_category .shadow{ position:inherit; background:url(images/shadow_04.gif) left top; width:204px; } .my_left_category .shadow_border{ position:inherit; width:200px; border:1px solid #959595; margin-top:1px; border-left-width:0px; background:url(images/shadow_border.gif) no-repeat 0px 21px; background-color:#ffffff; margin-bottom:3px } .my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px} .my_left_category .shadow_border ul li { list-style:none; padding-left:10px; background-image:url(images/my_cat_sub_menu_dot.gif); background-repeat:no-repeat; background-position:0px 8px; float:left; width:75px; height:26px; overflow:hidden; } .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;} .my_left_category .active_cat h3 { font-weight:bold} .my_left_category .active_cat h3 span{ display:none;} .my_left_category .active_cat div{display:block;} |
你把css文件和category_tree.lbi 贴出来我看看 |
在你的style.css文件下搜索到如下样式 .my_left_category { font-size:12px; width:211px; } .my_left_category .my_left_cat_list { border-color:#000000; border-style:solid; border-width:0 1px 1px; line-height:13.5pt; width:209px; } .my_left_category .h2_cat { background-image:url("images/my_menubg.gif"); background-repeat:no-repeat; color:#333333; font-weight:normal; height:26px; line-height:26px; position:relative; width:209px; } 将以上红色标注的属性宽全部改为192px即可 |
又看到这问题了.... |
<meta http-equiv="Content-Type" content="text/html; charset=gbk"> <div class="my_left_category"> <h1>商品分类</h1> <div class="my_left_cat_list"> {assign var="pre_item_level" value=-1} <!--{foreach from=cat_list(0,0,false,3,false) item=cat}--> {if $cat.level lt 2 && $pre_item_level gt 0} </ul></div></div></div></div> {/if} {if $cat.level eq 0} <h2><a href="{$cat.url}">{$cat.name|escape:html}</a></h2> {elseif $cat.level eq 1} <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'"> <h3><SPAN> - {$cat.cat_desc|escape:html}</SPAN><a href="{$cat.url}">{$cat.name|escape:html}</a></h3> <div class="h3_cat"> <div class="shadow"> <div class="shadow_border"> <ul> {elseif $cat.level eq 2} <li><a href="{$cat.url}">{$cat.name|escape:html}</a></li> {/if} {assign var="pre_item_level" value=$cat.level} <!--{/foreach}--> {if $pre_item_level gt 0} </ul></div></div></div></div> {/if} </div> </div> 这个是category_tree.lbi |
10# 176542304 非常感谢兄弟的解惑。 |
9# biechao 已经贴出 请帮忙解决2号问题 实现效果如 http://www.360buy.com/ 感谢176542304 及biechao 两位达人。。。 |
你的站的那个还是没变化啊,还是那样的,css还是没调整过来啊 |
最近更新
常用插件
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
ecshop热门问答
ecshop热门资料
ecshop显示超出
ecshophermes
ecshop卸装
ecshop不负责任
ecshopthemes
ecshop用时
ecshop淘宝商品采集
ecshop会员登陆
ecshop分类flash
ecshop视频窗口
ecshopsale
ecshop傲游浏览器
ecshop360
ecshop语音
ecshop订货
ecshop注销
ecshoploading
ecshop属性值太多
ecshop滑块
ecshopcontact
ecshop购物车商品选择结算
ecshop遇见
ecshop分类筛选
ecshop地理
ecshop服装类
ecshopcolthing
ecshop产品简介
ecshop新菜鸟求助
ecshop对比框大小
ecshopphp