自定义列表轻松实现网易主副标题列表效果_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

  以自定义列表轻松实现网易主副标题列表效果。原来一直不知道简标和副标有什么用处呢,原来用处很多呢。

显示效果:

新闻频道文章自定义列表标签代码
<DIV class=w2><UI></UI>【ArticleList(ChannelID,0,false,0,8,false,false,,0,1,True,0,0)】
<LI><A href="http://bbs.powereasy.net/{$ArticleUrl}" target=_blank>{$TitleOriginal}</A> <SPAN>{$Subheading}</SPAN></LI>【/ArticleList】 <UI></UI></DIV>

CSS样式代码:

.w2 {margin:0 auto; width:100%; text-align:left;}
.w2 ul{}
.w2 li{list-style-type:none; padding:3px 1px; font-size:14px; background:url(Skin/Cdov/li.gif) left no-repeat;}
.w2 li a{color:#000; }
.w2 li a:visited {color: #83006f;text-decoration:none;}
.w2 li a:hover{color:#bc2931;} .w2 li a:active{color:#bc2931;}
.w2 span{list-style-type:none;padding:3px 1px;}
.w2 span{font-size:12px;color:#1f3a87;}

添加文章时的副标题:



查看更多 动易Cms教程  动易Cms模板

来源:模板无忧//所属分类:动易Cms教程/更新时间:2007-05-29
相关动易Cms教程