头条新闻也就是在新闻列表中,第一条新闻的样式及内容比较特殊。如下图:
下面我们就来实现这个标签的制作!
制作步骤:
1、新建标签,如下图:
2、添加标签参数,如下图:
参数的数据类型设置: 1)、凡是涉及到数据库查询的,都要选择SQL类型,如果在SQL语句中又用到in、on、like之类的关键字,必须要用SQL超级参数型。建议:所有用到数据查询的,都可用SQL的超级参数型。 2)、没涉及到数据查询的,当然就要看是哪种类型的了! 3、标签查询设置,如图:
SQL语句说明:我们在这里查询数据会涉及到两个表PE_Article和PE_CommonModel;Status=99,表示审核通过的信息,其它的就不介绍了。
4、标签内容设置:
<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe"> <xsl:param name="NodeID" /> <xsl:param name="OutPutQty" /> <xsl:param name="titlelenght" /> <xsl:param name="contentlenght" /> <xsl:output method="html" /> <xsl:template match="/"> '模板定义指向顶级节点 <div class=""> <div class="newlist_P_C_T"> <div class="list_C_T"> <li class="list_T"> '定义标题 <a> <xsl:attribute name="href"> <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/> </xsl:attribute> <xsl:attribute name="title"> <xsl:value-of select="/NewDataSet/Table/Title"/> </xsl:attribute> <xsl:value-of select="pe:CutText(/NewDataSet/Table/Title,$titlelenght,'…')"/> </a> </li> <li class="list_C"> '定义内容简介 <a> <xsl:attribute name="href"> <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/> </xsl:attribute> <xsl:attribute name="title"> <xsl:value-of select="/NewDataSet/Table/Title"/> </xsl:attribute> <xsl:value-of disable-output-escaping="yes" select="pe:CutText(pe:RemoveHtml(/NewDataSet/Table/Content),$contentlenght,'…')"/> </a> </li> </div> <div class="newlist_P"> '定义图片显示 <a> <xsl:attribute name="href"> <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/> </xsl:attribute> <xsl:attribute name="title"> <xsl:value-of select="/NewDataSet/Table/Title"/> </xsl:attribute> <xsl:choose> <xsl:when test="/NewDataSet/Table/DefaultPicUrl =''"> <img width="80px" height="60px" src="../UploadFiles/nopic.gif" /> </xsl:when> <xsl:otherwise> <xsl:element name="img"> <xsl:attribute name="src">../UploadFiles/<xsl:value-of select="/NewDataSet/Table/DefaultPicUrl"/> </xsl:attribute> <xsl:attribute name="border">0</xsl:attribute> <xsl:attribute name="width">80</xsl:attribute> <xsl:attribute name="height">60</xsl:attribute> </xsl:element> </xsl:otherwise> </xsl:choose> </a> </div> <div class="clearbox"></div> '目的是想把上面内容和下面内容的样式隔离 </div> <ul> <xsl:for-each select="/NewDataSet/Table"> '循环/NewDataSet/Table节点内容 <li> <xsl:if test="position()!=1"> '第二条开始,列表内容出输出 <a> <xsl:attribute name="href"> <xsl:value-of select="pe:GetInfoPath(GeneralID)"/> </xsl:attribute> <xsl:attribute name="title"> <xsl:value-of select="Title"/> </xsl:attribute> <xsl:value-of select="pe:CutText(Title,$titlelenght,'…')"/> </a> </xsl:if> </li> </xsl:for-each> </ul> </div> </xsl:template> </xsl:stylesheet>
如果直接复制上面内容做为标签内容,记得把红色解释字去掉!
注意:最新头条新闻带内容标签制作已完。要调用标签,在模板中调用标签后,记得配置相应的样式。
标签文档下载:最新头条新闻带内容标签
参考样式: .newlist_P_C_T{width: 300px;} .newlist_P img{width:80px;height:60px;} .newlist_C_T{width: 210px; float: right;} .list_T a{font-size: 14px; font-weight: bold;} .clearbox{clear: both; height: 2px; border-bottom: 1px dotted #cccccc;} .list_C_T{float: right;width: 210px;} |