chinaqingdao

TWCMS完美實現(xiàn)chinaz、盧松松左右翻頁代碼

首先感覺TWCMS提供程序,感謝我的模板發(fā)布者BAIJI


A,這人聯(lián)系不上了,本站用此款CMS對SEO確實不錯。


估計這也是TWCMS終結(jié)版了。


看了chinaz、盧松松左右翻頁代碼,青島SEO蠢蠢欲動,呵呵,仔細(xì)觀察了一下他們的左右翻頁代碼,認(rèn)真考慮原來就是利用CSS加翻頁輕松實現(xiàn),分享如下:


不好意思上面圖片帶了水印,具體圖片地址為:http://www.52qingdao.com/twcms/view/baijia/img/arrow.png


將以下代碼加入HEAD之間,當(dāng)然你也可以加載到你的CSS里面。具體高度什么的可以自己設(shè)置:

<style type="text/css">

a.prev,a.next{display:block;width:108px;height:282px;position:fixed;left:50%;top:70%;margin-top:-250px;background:url("http://www.52qingdao.com/twcms/view/baijia/img/arrow.png") no-repeat;}

a.prev{margin-left:-600px;background-position:0 0;}

a.next{margin-left:500px;background-position:0 -280px;}

a.prev:hover,a.next:hover{background-color:#f5f5f5;}

</style>

我們的好處是把頁面標(biāo)題也帶上了,呵呵,比他們的更酷吧?!


找到你的上一頁,下頁將代碼替換如下:

<div class="turn">

<ul>

<li>{if:isset($gdata[prev][url])}<a href="{$gdata[prev][url]}"  class="prev">{$gdata[prev][title]}</a>{else}沒有了{(lán)/if}</li>

<li>{if:isset($gdata[next][url])}<a href="{$gdata[next][url]}"  class="next">{$gdata[next][title]}</a>{else}沒有了{(lán)/if}</li>

</ul>

</div>

如果您跟我的CMS不一樣,無所謂,就是調(diào)用了里面的class="prev", class="next",

呵呵,你懂得,

不懂就聯(lián)系我好了。


效果展示:http://www.52qingdao.com/index.php?show--cid-2-id-256.html

#1樓
發(fā)帖時間:2015-8-17   |   查看數(shù):0   |   回復(fù)數(shù):20
chinaqingdao
2015-8-17 #2樓
chinaqingdao
上面是圖片地址
2015-8-17 #3樓
anhuich
http://www.xookee.com/union/ 中國網(wǎng)站大聯(lián)盟如果您跟我的CMS不一樣,無所謂,就是調(diào)用了里面的class="prev", class="next",
呵呵,你懂得,
2015-8-30 #4樓
itxsy
好東西,收了。
2015-8-30 #5樓
vxcn
。。。。。。。。。。。。。不錯的
2015-9-10 #6樓
sunm
admin
2015-10-28 #7樓
ruinous
               
好東西,收了。
2016-6-13 #8樓
gb111222333
               
               
好東西,收了。
2018-9-4 #9樓
gb111222333
               
               
好東西,收了。
2018-9-4 #10樓
gb111222333
               
               
好東西,收了。
2018-9-4 #11樓
gb111222333
               
               
好東西,收了。
2018-9-4 #12樓
gb111222333
               
               
好東西,收了。
2018-9-4 #13樓
gb111222333
               
               
好東西,收了。
2018-9-4 #14樓
gb111222333
               
               
好東西,收了。
2018-9-4 #15樓
gb111222333
               
               
好東西,收了。
2018-9-4 #16樓
gb111222333
               
               
好東西,收了。
2018-9-4 #17樓
boss
收藏了
2018-12-23 #18樓
geiliwangluo
來耍金幣的
2020-9-18 #19樓
游客組