本文介绍AspCms(totacms)企业版中DIV样式标签(采用DIV排版而非表格)的图文标签使用及演示说明。
一、为演示此标签,我们首先在后台创建一个栏目,比如“新闻”这个栏目,指定它的模板为:/templet/test.html,保存路径设置为:自动
附:栏目“新闻”的模板截图

(图1)
由上图可以看到模板中作好了标签$gettextnews_div$ ,这就是我们此次要演示的标签名字。下面我们根据需要添加这个标签到系统中。
二、添加标签
进入后台-标签管理-添加=>进入标签添加窗口,如下图所示:

如上图,我们需要设置标签各项参数,具体如下:
所属类别:因为此标签我们是放到“新闻”这个栏目中,因此此处选择“新闻”这个栏目
标签标题:根据模板中所示,设置为:$gettextnews_div$
标签作用:仅是提示说明,方便以后记忆理解,建议设置和标签相关的说明文字
标签内容:此处是标签的核心所在,我们所用的标签如上图箭头所示,点击按钮,弹出标签制作窗口,截图如下:

如上图所示,该标签的参数说明如下:
类别:点击“+”号按钮选择调用指定栏目的数据
记录个数:设置显示几条记录
表名:默认news,不需要修改
排序:根据需要设置排序方式(id,点击,日期)
文字个数:设置标题至多显示多少字数
简述字符:调协简述文字个数
图片宽度:设置图片宽度
图片高度:设置图片高度
链接样式:设置链接样式
新闻属性:选择文章属性
显示详细:设置是否显示“详细”链接
设置好标签参数以后,点击确定,标签制作窗口自动关闭,并将产生的标签码加入到标签编辑器,点击“提交”按钮,标签添加完成。
三、发布栏目
我们已经制作好了标签,并且标签已经加入到“新闻”这个栏目的模板中(见上图1),只要发布“新闻”栏目,系统中的数据就会根据需要显示到栏目的生成页中了。
步骤如下:后台-发布站点-发布栏目页面-在“第一步 选择要发布的栏目”中选择“新闻”这个栏目-点击“发布选择中的栏目按钮”-OK,系统提示栏目发布成功。

下面进入“类别管理”-点击“新闻”旁边的“预览”按钮,可以看到栏目已经发布成功,并显示为图文效果,截图如下:


查看源文件,可以看出标签生成源代码为DIV样式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Untitled Document</title> <link href="/style/div_sys.css" rel="stylesheet" type="text/css" /> </head>
<body> <table width="319" height="21" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CC66"> <tr> <td width="319"> <ul class="picTextWithDesc"> <li> <a href="/2/html/20070813/20070813224526.htm" target="_blank"><img src="http://localhost/pic/200708/13/2007813224510245.jpg" width="100" height="100" border="0"></a> <p><a href="/2/html/20070813/20070813224526.htm" class="" target="_blank"><span style="color: ">山东烟台遭遇暴雨 机场工作..</span></a> <br /> 2007年8月12日上午,在烟台国际机场,山东航空公司烟台分公司..<br><a href="/2/html/20070813/20070813224526.htm">详细>></a></p> </li> <li> <a href="/2/html/20070813/20070813224526.htm" target="_blank"><img src="http://localhost/pic/200708/19/2007819214259554.jpg" width="100" height="100" border="0"></a> <p><a href="/2/html/20070813/20070813224526.htm" class="" target="_blank"><span style="color: ">土耳其客机劫持者向土警方..</span></a> <br />据土耳其NTV电视台18日报道,一架从塞浦路斯飞往伊斯坦布尔的..<br><a href="/2/html/20070813/20070813224526.htm">详细>></a></p> </li> <li> <a href="/2/html/20070813/20070813224526.htm" target="_blank"><img src="http://localhost/pic/200708/13/200781322405999.jpg" width="100" height="100" border="0"></a> <p><a href="/2/html/20070813/20070813224526.htm" class="" target="_blank"><span style="color: ">广东湛江遭两百年一遇暴雨..</span></a> <br />直升机空投救援物资被困房顶的居民 新华网广州8月12日电(徐清..<br><a href="/2/html/20070813/20070813224526.htm">详细>></a></p> </li> </ul> </td> </tr> </table> </body> </html> |
[完]