淘特cms
当前位置:淘特CMS->帮助中心->标签制作
企业版标签(div系列)说明之:图文标签二(带简述)
  • 作者:本站
  • 日期:2007/8/19 22:57:24
  • 出处:淘特CMS
  • 点击:

   本文介绍淘特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">详细&gt;&gt;</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">详细&gt;&gt;</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">详细&gt;&gt;</a></p>
</li>
 </ul>
 </td>
  </tr>
</table>
</body>
</html>

[完]

最新评论
用 户:
内 容:
验证码: