淘特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>

[完]

最新評論
用 戶:
內 容:
驗證碼:
千斤顶或更好100手免费试玩