隔壁网

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

2012-12-3 22:13
147221

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

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

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 人收藏

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
每层回复最右有个小箭头

这种细节还真没注意到
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

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

返回顶部