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

2016-07-07 16:09 来源:www.chinab4c.com 作者:ecshop专家

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

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


回答:
谢谢

顶一顶,让更多朋友看到~~!
自认为自己这种写法,比较简单,代码少~!

好人啦????

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

占个位置支持学习下

怎么使用呢?谢谢