dedecms常用的分頁標簽及分頁樣式代碼[無bug]
就目前來說,國內使用織夢dedecms來建站的站長還是有很多的,作為國內cms中做得最好的開源程序之一,讓更多的朋友青睞,用其作為內核,根據自己需要做的網站做一套屬于自己的模板就可以了,通用標簽調用方便快捷,但是也出現了許許多多的小bug,開發團隊也在不斷完善著這些bug。
之前老威給大家介紹過織夢列表頁分頁錯位的解決方法,今天這個問題還是列表頁的問題。目前最新版本已經解決了這個問題,但是在樣式上又出現了一些不兼容的地方,讓一些小白頭疼,之前老威也頭疼了很久,用過很多分頁樣式都沒解決,后來找到這一個分頁樣式,完美解決,分享給大家。
在列表頁需要調用分頁的地方加上如下代碼,之前的可以去掉。
<ul>{dede:list pagesize='30'} <li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次閱讀)</li> {/dede:list} </ul> <div id="pageNav"> <ul>{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div>
上面的代碼是我們需要插入在分頁列表模板中的,很多朋友在加入分頁后出現有小圓點,或者是不是橫排的,這就需要我們加上css樣式了。
#pageNav { font: 12px/24px Tahoma; height: 30px; margin: 15px auto 0; text-align: center; width: 500px; } #pageNav ul { list-style-type: none; overflow: hidden; } #pageNav ul li { background-color: #FFFFFF; border: 1px solid #CCDBE4; color: #0B3B8C; display: block; height: 22px; margin: 0 2px; padding: 0 3px; float: left; } #pageNav ul li a { background-color: #FFFFFF; color: #0B3B8C; padding: 0 3px; } #pageNav ul li a:hover { color: #D87D08; } #pageNav ul li.hover { border: 0 none; color: #000000; font-weight: bold; } #pageNav ul li.hover a { color: #000000; }
顏色高度什么的大家如果感覺不好看可以再自行修改一下,更多建站仿站小知識請關注老威SEO博客。