ECShop H5微商城
ECShop APP商城
ECshop4.0商业授权
ECShop源码全能套餐
ECMall全能套餐(含主机)
ECMall3.0功能定制
ECShop商城小程序
ECShop二开定制
ECShop授权套餐
ECShop装修市场
ECMall基础套餐(PC+H5)
ECMall3.0商业授权
返回列表 发帖

[共享] 我来分享个左边分类左右两列布局~!!

CSS部分
/***** 产品分类 *****/
.pro_gory span {display:block; height:20px; line-height:20px; padding-top:5px; clear:both;}
.pro_gory span a {color:#FFCCCC; text-decoration:none; font-weight:bold;}
.pro_gory div {line-height:18px;}
.pro_gory div a {color:#888888; text-decoration:none; float:left; width:85px; padding-left:12px; height:18px; line-height:18px; padding-top:1px;}
.pro_gory a:hover {color:#FFFF66; text-decoration:underline;}

模板页面部分
<div class="pro_gory">
    <!--{foreach from=$categories item=cat}-->
    <span><a href="{$cat.url}">{$cat.name|escape:html}</a></span>
    <div>
        <!--{foreach from=$cat.children item=child}-->
        <a href="{$child.url}">{$child.name|escape:html}</a></span>
        <!--{/foreach}-->
    </div>
    <!--{/foreach}-->
</div>

效果如图
未标题-1.jpg
2008-11-29 11:34


喜欢的朋友可以拿去参考~!
我的网站是 http://wwwj.com.cn

[ 本帖最后由 joedar 于 2008-11-29 11:36 编辑 ]
1

评分人数

  • sonyr

ECShop下载                             ECShop4.0商业授权

谢谢
ECShop下载                             ECShop4.0商业授权

TOP

顶一顶,让更多朋友看到~~!
自认为自己这种写法,比较简单,代码少~!
ECShop下载                             ECShop4.0商业授权

TOP

好人啦????
ECShop下载                             ECShop4.0商业授权

TOP

好东西。换模板前没有找到。找到就好了!

TOP

占个位置支持学习下

TOP

怎么使用呢?谢谢
ECShop下载                             ECShop4.0商业授权

TOP

返回列表