Dedecms列表頁(yè)標(biāo)簽list/pagelist使用方法及pagelist的樣式_DedeCms教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
Dedecms列表頁(yè)標(biāo)簽list/pagelist使用方法及pagelist的樣式,僅供大家參考學(xué)習(xí)。
織夢(mèng)Dedecms的默認(rèn)頁(yè)面中有個(gè)list_article.htm頁(yè)面,這是dede的列表頁(yè)面。在列表頁(yè)顯示文章的列表,是通過(guò)dede的list和pagelist這兩個(gè)個(gè)標(biāo)簽實(shí)現(xiàn)的。本文就這兩個(gè)標(biāo)簽的使用及pagelist的樣式進(jìn)行下詳細(xì)的說(shuō)明。
織夢(mèng)Dedecms的默認(rèn)頁(yè)面中有個(gè)list_article.htm頁(yè)面,這是dede的列表頁(yè)面。在列表頁(yè)顯示文章的列表,是通過(guò)dede的list和pagelist這兩個(gè)個(gè)標(biāo)簽實(shí)現(xiàn)的。本文就這兩個(gè)標(biāo)簽的使用及pagelist的樣式進(jìn)行下詳細(xì)的說(shuō)明。
首先介紹下list標(biāo)簽的參數(shù)及使用方法:
標(biāo)簽名稱(chēng):list
功能說(shuō)明:表示列表模版里的分頁(yè)內(nèi)容列表
使用范圍:僅列表頁(yè)模版 list_*.htm
基本語(yǔ)法:{dede:list col=” titlelen=” infolen=” imgwidth=” listtype=” orderby=” pagesize=” orderway=”}{/dede:list}
參數(shù)說(shuō)明:
col=” 內(nèi)容列數(shù)
titlelen=” 標(biāo)題長(zhǎng)度
infolen=” 內(nèi)容摘要長(zhǎng)度
imgwidth=” 縮略圖寬度
imgheight=” 縮略圖高度
orderby=” 排序方式,有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum,默認(rèn)為sortrank
pagesize=’20’ 分頁(yè)大小
底層模版字段:
ID(同id), typeid, sortrank, flag, ismake, channel,arcrank,click,money,title,shorttitle,color,writer,source,litpic(同picname),pubdate,senddate,mid,lastpost,scores,goodpost,badpost,notpost,description(同infos),filename, image, imglink, fulltitle, textlink, typelink,plusurl, memberurl, templeturl,stime(pubdate 的”0000-00-00″格式)
注:list標(biāo)記除了支持檔案表的基本模板變量外,還支持附加表的字段,你可以在模型管理中知道附加表支持列表使用的字段有哪些。
下面介紹pagelist的參數(shù)及使用方法:
標(biāo)簽名稱(chēng):pagelist
功能說(shuō)明:表示分頁(yè)頁(yè)碼列表
適用范圍:僅列表模板 list_*.htm
基本語(yǔ)法:{dede:pagelist listsize=’5′ listitem=”/}
參數(shù)說(shuō)明:
listsize 表示[1][2][3] 這些項(xiàng)的長(zhǎng)度 * 2
listitem 表示頁(yè)碼的樣式,可以把下面的值疊加
index 首頁(yè)
pre 上一頁(yè)
pageno 頁(yè)碼
next 下一頁(yè)
end 末頁(yè)
option 下拉跳轉(zhuǎn)框
例:{dede:pagelist listitem=’index,end,pre,next,pageno’ listsize=’5′ /}
但是有時(shí)候直接引用上面的標(biāo)簽的時(shí)候,會(huì)出現(xiàn)變形問(wèn)題。因?yàn)閜agelist本身就有一些樣式是在include/arc.listview.class.php定義css樣式的。所以如果你不采用默認(rèn)模板的話(huà),一調(diào)用這個(gè)標(biāo)簽就容易出現(xiàn)問(wèn)題。這是因?yàn)榱斜眄?yè)pagelist的分頁(yè)標(biāo)記在v5.1下默認(rèn)輸出這樣的樣式:
- <a href='#'>首頁(yè)</a>
- <a href='#'>1</a>
- <a href='#'>2</a>
- <a href='#'>3</a>
- <a href='#'>下一頁(yè)</a>
- <a href='#'>末頁(yè)</a>
而在v5.3以后輸出樣式變成了這樣:
- <li><a href="#">首頁(yè)</a></li>
- <li><a href="#">1</a></li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">下一頁(yè)</a></li>
- <li><a href="#">末頁(yè)</a></li>
下面是兩個(gè)解決方法。
方法一:(比較直觀(guān)的方法,個(gè)人感覺(jué)此方法最好)
首先把這個(gè)標(biāo)簽放在一個(gè)容器里
然后定義css:
- <ul class='pagelist'>{dede:pagelist listsize='5' /}</ul>
- .pagelist li{ float:left; margin-right:3px; list-style-type:none;}
方法二:去掉<li>標(biāo)簽
在include/arc.listview.class.php中刪除相應(yīng)的<li>代碼,輸出就變成了v5.1的形式了。另外,include/arc.listview.class.php中option的代碼注釋掉了,恢復(fù)就能用了。
DEDECMS自帶樣式表CSS定義在 /templets/default/style/page.css 中所有涉及到.dede_pages 的位置,V5.7中大約從第77開(kāi)始。大家可以把這段CSS復(fù)制到自己的樣式表中,然后修改成自己想要的樣式就行了。
查看更多 DedeCms教程 織夢(mèng)模板 織夢(mèng)DedeCms視頻教程 織夢(mèng)dedecms專(zhuān)題
相關(guān)DedeCms教程:
- 織夢(mèng)DedeCMS如何讓文章列表實(shí)現(xiàn)“隔行換色”
- 修改織夢(mèng)dedecms的Artlist標(biāo)簽去掉table
- DEDECMS打開(kāi)網(wǎng)站后臺(tái)系統(tǒng)首頁(yè)卡解決方法
- 織夢(mèng)DEDECMS網(wǎng)站內(nèi)容頁(yè)、欄目頁(yè)獲取當(dāng)前頂級(jí)欄目名稱(chēng)標(biāo)簽
- Dedecms實(shí)現(xiàn)鍵盤(pán)方向鍵翻頁(yè)效果教程
- DEDECMS附件按月保存,修改DEDE附件不按天保存
- dedecms織夢(mèng)的循環(huán)次數(shù)的方法并做條件判斷
- dedecms問(wèn)題Cannot modify header information headers
- 織夢(mèng)Dedecms模板中使用field:array進(jìn)行if條件判斷
- 織夢(mèng)DedeCMS轉(zhuǎn)換WordPress方法
- 織夢(mèng)dedecms自定義模型采集數(shù)據(jù)
- 織夢(mèng)dedecms軟件內(nèi)容頁(yè)調(diào)用下載級(jí)別名稱(chēng)
DedeCms教程教程Rss訂閱Cms教程搜索
DedeCms教程推薦
- 讓鼠標(biāo)停留在標(biāo)題上顯示完整標(biāo)題
- 彩色熱門(mén)tags,熱門(mén)關(guān)鍵字代碼,刷新一次變換一次,無(wú)需修改源碼
- 【List 標(biāo)記使用實(shí)例】-DedeCMS模板制作使用實(shí)例教程(11)
- arclist 標(biāo)記中使用關(guān)鍵字屬性時(shí),模板解析出錯(cuò)
- dedecms 2007 默認(rèn)幻燈片顯示標(biāo)題
- 文章有縮略圖
- 問(wèn)答模塊問(wèn)題顯示懸賞分?jǐn)?shù)以及發(fā)布時(shí)間
- DedeCms教程:DedeCMS系統(tǒng)TAG標(biāo)簽偽靜態(tài)設(shè)置
- DEDECMS V5.3 官方默認(rèn)模板 預(yù)設(shè)列表樣式說(shuō)明
- DedeCms開(kāi)啟多站點(diǎn)支持的簡(jiǎn)明教程
猜你也喜歡看這些
- 織夢(mèng)精細(xì)化工項(xiàng)目總承包企業(yè)網(wǎng)站模板
- 織夢(mèng)藍(lán)色大氣公司企業(yè)集團(tuán)網(wǎng)站模板
- 自適應(yīng)食品類(lèi)企業(yè)網(wǎng)站dede模板整站
- 織夢(mèng)婚紗攝影模板(簡(jiǎn)單大氣上檔次)
- dedecms織夢(mèng)金融集團(tuán)科技企業(yè)集團(tuán)公司網(wǎng)站模板
- 橙紅大氣瑜伽美容健身企業(yè)網(wǎng)站模板+wap手機(jī)端同步+帶測(cè)試數(shù)據(jù)+利于SEO
- dedecms織夢(mèng)企業(yè)網(wǎng)站模板
- 秀發(fā)網(wǎng)風(fēng)格仿婚慶網(wǎng)
- 織夢(mèng)cms網(wǎng)站建設(shè)-網(wǎng)站優(yōu)化網(wǎng)絡(luò)工作室整站模板
- 高端裝飾網(wǎng)站裝修公司裝修行業(yè)網(wǎng)站通用織夢(mèng)模板(帶手機(jī)版)
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Dedecms列表頁(yè)標(biāo)簽list/pagelist使用方法及pagelist的樣式| DedeCms模板| Dede模板| 織夢(mèng)模板| dedecms
- 教程說(shuō)明:
DedeCms教程-Dedecms列表頁(yè)標(biāo)簽list/pagelist使用方法及pagelist的樣式。