天气与日历 切换到宽版
扫描二维码关注官方公众号
12下一页
返回列表 发布新帖

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

6624 21
发表于 2012-12-3 22:13:11 | 显示全部楼层 阅读模式
本帖最后由 喜欢分享 于 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背景色显示不了。

欢迎大家指教……

本帖子中包含更多资源

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

×

评论21

水煮龙井Lv.10 发表于 2012-12-3 22:23:20 | 显示全部楼层
高手就是高手!膜拜!也很人性化!
回复 点赞

使用道具 举报

現實啇亻山土Lv.10 发表于 2012-12-3 22:24:43 | 显示全部楼层
偶偷懒。 就直接用了chrome 的扩展
回复 点赞

使用道具 举报

芬兰冰宁Lv.10 发表于 2012-12-3 22:27:16 | 显示全部楼层
chd貌似有,其他没有看到过
回复 点赞

使用道具 举报

喜欢分享楼主Lv.2 发表于 2012-12-3 22:33:32 | 显示全部楼层
現實啇亻山土 发表于 2012-12-3 22:24
偶偷懒。 就直接用了chrome 的扩展

原来Chrome还有这样的插件~
回复 点赞

使用道具 举报

水煮龙井Lv.10 发表于 2012-12-3 22:36:12 | 显示全部楼层
芬兰冰宁 发表于 2012-12-3 22:27
chd貌似有,其他没有看到过

CHD有么?我似乎只在葡萄与蝴蝶见到过...
回复 点赞

使用道具 举报

芬兰冰宁Lv.10 发表于 2012-12-3 22:49:24 | 显示全部楼层
水煮龙井 发表于 2012-12-3 22:36
CHD有么?我似乎只在葡萄与蝴蝶见到过...

每层回复最右有个小箭头

本帖子中包含更多资源

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

×
回复 点赞

使用道具 举报

喜欢分享楼主Lv.2 发表于 2012-12-3 22:59:17 | 显示全部楼层
芬兰冰宁 发表于 2012-12-3 22:49
每层回复最右有个小箭头

这个Nexusphp默认都有的 但是全局页面的回到顶部就没了
回复 点赞

使用道具 举报

qingfengLv.10 发表于 2012-12-3 23:39:59 | 显示全部楼层
高手,感谢分享
回复 点赞

使用道具 举报

水煮龙井Lv.10 发表于 2012-12-3 23:46:13 | 显示全部楼层
芬兰冰宁 发表于 2012-12-3 22:49
每层回复最右有个小箭头

这种细节还真没注意到
回复 点赞

使用道具 举报

芬兰冰宁Lv.10 发表于 2012-12-4 00:33:20 | 显示全部楼层
喜欢分享 发表于 2012-12-3 22:59
这个Nexusphp默认都有的 但是全局页面的回到顶部就没了

原理我不懂的,但是我觉得还蛮有用的, 其他pt还没看到过(很多大站没有进去过{:7_738:})
回复 点赞

使用道具 举报

sunshineyyLv.6 发表于 2012-12-5 09:46:37 | 显示全部楼层
其实我都是用鼠标手势回到顶部,到底部的
回复 点赞

使用道具 举报

MinamiLv.8 发表于 2012-12-5 09:51:17 | 显示全部楼层
直接按HOME键的路过…………
膜拜技术大神
回复 点赞

使用道具 举报

abc1550030776Lv.3 发表于 2012-12-10 03:04:43 | 显示全部楼层
神人也自己搭建pt站
回复 点赞

使用道具 举报

zsy1982Lv.10 发表于 2013-1-4 10:36:27 | 显示全部楼层
高手。进来学习。
回复 点赞

使用道具 举报

sunsetbayLv.10 发表于 2013-1-4 21:46:02 | 显示全部楼层
因为你用的图片是png的,在低版本的IE中显示背景不正常,可以js去fix一下。
回复 点赞

使用道具 举报

多情昏君Lv.3 发表于 2013-2-22 17:45:44 | 显示全部楼层
能这么细心看代码,赞一个!
以前纯静态页面时,感觉亲手一行行写代码,就是一步步缔造网页网站;后来越来越多脚本,终于没法继续把网站当业余爱好了……
回复 点赞

使用道具 举报

llwwddLv.2 发表于 2013-2-23 19:40:58 | 显示全部楼层
长知识了,谢谢楼主了。。
回复 点赞

使用道具 举报

68837758Lv.10 发表于 2013-2-28 15:51:04 | 显示全部楼层
高人啊,待我研究一下
回复 点赞

使用道具 举报

wildcloudyLv.10 发表于 2013-3-6 08:52:30 | 显示全部楼层
这个很实用,平时常碰到。感谢分享。
渐行渐远,笑看…
回复 点赞

使用道具 举报

回复

懒得打字嘛,点击右侧快捷回复 【本站酷狼4T,750元】
您需要登录后才可以回帖 登录 | 注册

本版积分规则

投诉/建议联系

support@gebi1.cn

未经授权禁止转载,复制和建立镜像,
如有违反,追究法律责任
  • 关注公众号
  • 添加微信客服
Copyright © 2001-2024 隔壁网 版权所有 All Rights Reserved. 粤ICP备14056481号-1
关灯 快速发帖
扫一扫添加微信客服
返回顶部
快速回复 返回顶部 返回列表