pp电子

登录
开通试用
KesionCMS 资助
资助首页 在线手册 - 问题汇总

7、循环栏目列表标签

0 2011/12/1 15:24:20

循环列表标签是将某个栏目下的多个二级栏目列出来,,,,,,而不需要一个个栏目去做模板建标签挪用,,,,,,这样可以节约许多时间,,,,,,好比我们新闻频道下有海内新闻,,,,,,国际新闻,,,,,,娱乐新闻,,,,,,体育新闻等等。。。效果如下图:

7、循环栏目列表标签 第 1 张

 

那么我们就可以建一个循环列表标签来挪用,,,,,,外循环和内循环体样式可以自己输出。。。如下图:

 

7、循环栏目列表标签 第 2 张

 

生涯标签后挪用代码如下:

 

<div class="newsmain2">

{LB_循环列表标签}

</div>

 

刷新前台模板我们看到是将栏目挪用出来了,,,,,,如下图:

 

7、循环栏目列表标签 第 3 张

 

接下来就是写CSS样式来控制了,,,,,,我们可以审查天生的源代码举行样式控制,,,,,,样式如下:

 

<style>

.newsmain2{ width:980px; margin:0px auto;}

.newsmain2 .col{width:32%; float:left; border:#ccc 1px solid; margin:5px; height:300px;overflow:hidden;}

.newsmain2 .col .t{ background:#CC0000; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; padding-left:10px;}

.newsmain2 .col .t span{ float:right;}

.newsmain2 .col .t span a{ color:#fff; font-size:12px; font-weight:normal;}

.newsmain2 .col ul{ padding:10px;}

.newsmain2 .col li{ height:26px; line-height:26px; background:url(/images/dot.jpg) no-repeat 0px 11px; padding-left:10px;}

.newsmain2 .col a{ font-size:14px;}

.newsmain2 .col a:hover{ text-decoration:none; color:#cc0000;}

</style>

100%
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
7、循环栏目列表标签_KESION pp电子-KesionC