隔壁网

[PT建站] PT站添加回到顶部按钮的方法

2012-12-3 22:13
496421

来吧兄弟,一起玩一起讨论!

您需要 登录 才可以下载或查看,没有帐号?注册

x
本帖最后由 喜欢分享 于 2012-12-3 22:19 编辑

昨晚在这里发了一个关于我在校内建PT站的帖子 http://www.gebi1.com/thread-108232-1-1.html
得到了大家的鼓励,还被版主评分了……{:2_103:}
昨晚的帖子也写到了还有一些未解决的问题,今晚花了点时间又把清影PT的网页源文件看了下,找出了回到顶部的代码

<a href="javascript:scroll(0,0)" id="totop" title="回到顶端"><div id="totop"></div></a><style>
/*Start Top*/
div#totop
{
        position:fixed;
        width:50px;
        height:50px;
        bottom:60px;
        right:0px;
        border-radius:3px;
        background:url("/styles/totop.png") 5px 5px no-repeat;
        background-color:rgba(0,0,0,.7);
}
div#totop:hover
{
        background-color:rgba(30,30,30,.7);
}
/*End Top*/
</style>

然后把这段代码放在functions.php 调用JS代码的下方,大概2444行左右,具体因为我改过代码不能准确到某一行。
修改后的代码内容


效果:

按钮的大小、图片什么的可以自己根据主题风格进行修改,修改<style></style>里面的代码内容就行了。


最后,我其实不知道正规的回到顶部按钮是不是这样添加的,我CSS也只是懂一点,PHP完全门外汉。只是找到了代码,然后放在functions.php测试了几次,最后就成功显示了,功能也正常。IE8、Chrome、搜狗、火狐、360测试正常。不过低版本的IE背景色显示不了。

欢迎大家指教……

4

查看全部评分

分享到 :
1 人收藏
隔壁网希捷酷狼8T硬盘,正品国行,3年换新,只需要1450元,赠送论坛邀请码和VIP!

21 个回复

倒序浏览
水煮龙井  魔仙 | 2012-12-3 22:23:20
高手就是高手!膜拜!也很人性化!
現實啇亻山土  魔仙 | 2012-12-3 22:24:43
偶偷懒。 就直接用了chrome 的扩展
芬兰冰宁  魔仙 | 2012-12-3 22:27:16
chd貌似有,其他没有看到过
喜欢分享  正常36.8℃ | 2012-12-3 22:33:32
現實啇亻山土 发表于 2012-12-3 22:24
偶偷懒。 就直接用了chrome 的扩展

原来Chrome还有这样的插件~
水煮龙井  魔仙 | 2012-12-3 22:36:12
芬兰冰宁 发表于 2012-12-3 22:27
chd貌似有,其他没有看到过

CHD有么?我似乎只在葡萄与蝴蝶见到过...
芬兰冰宁  魔仙 | 2012-12-3 22:49:24
水煮龙井 发表于 2012-12-3 22:36
CHD有么?我似乎只在葡萄与蝴蝶见到过...

每层回复最右有个小箭头
喜欢分享  正常36.8℃ | 2012-12-3 22:59:17
芬兰冰宁 发表于 2012-12-3 22:49
每层回复最右有个小箭头

这个Nexusphp默认都有的 但是全局页面的回到顶部就没了
qingfeng  魔仙 | 2012-12-3 23:39:59
高手,感谢分享
水煮龙井  魔仙 | 2012-12-3 23:46:13
芬兰冰宁 发表于 2012-12-3 22:49
每层回复最右有个小箭头

这种细节还真没注意到
芬兰冰宁  魔仙 | 2012-12-4 00:33:20
喜欢分享 发表于 2012-12-3 22:59
这个Nexusphp默认都有的 但是全局页面的回到顶部就没了

原理我不懂的,但是我觉得还蛮有用的, 其他pt还没看到过(很多大站没有进去过{:7_738:})
sunshineyy  高烧40℃ | 2012-12-5 09:46:37
其实我都是用鼠标手势回到顶部,到底部的
Minami  骨灰 | 2012-12-5 09:51:17
直接按HOME键的路过…………
膜拜技术大神
abc1550030776  正常36.8℃ | 2012-12-10 03:04:43
神人也自己搭建pt站
zsy1982  魔仙 | 2013-1-4 10:36:27
高手。进来学习。
sunsetbay  魔仙 | 2013-1-4 21:46:02
因为你用的图片是png的,在低版本的IE中显示背景不正常,可以js去fix一下。
多情昏君  发烧38℃ | 2013-2-22 17:45:44
能这么细心看代码,赞一个!
以前纯静态页面时,感觉亲手一行行写代码,就是一步步缔造网页网站;后来越来越多脚本,终于没法继续把网站当业余爱好了……
llwwdd  正常36.8℃ | 2013-2-23 19:40:58
长知识了,谢谢楼主了。。
68837758  魔仙 | 2013-2-28 15:51:04
高人啊,待我研究一下
wildcloudy  魔仙 | 2013-3-6 08:52:30
这个很实用,平时常碰到。感谢分享。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

淘宝小店 邀请码 VIP会员 加技术群 本站搜索
酷狼8T 1450元,送隔壁网邀请码和1年VIP 立即登录 立即注册

小黑屋|手机版|Archiver|隔壁网 ( 粤ICP备14056481号-1 )

Powered by Discuz! X3.4 © 2001-2016 Comsenz Inc.

返回顶部