自定义列表轻松实现网易主副标题列表效果

2020-05-19 18:48:22

字体：大中小

来源：转载

供稿：网友

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

显示效果：

新闻频道文章自定义列表标签代码：
<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;}

添加文章时的副标题：

上一篇：Sql2005下远程链接sql服务器的方法

下一篇：下载频道实现[视频]和[音频]