请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
腾讯爱好者 QQ首页 QQ网站建设 查看内容

discuz浮动的返回顶部图片修改方法

2013-12-22 13:04|来自: 腾讯爱好者|我要投稿 |意见反馈 |查看: 3486

discuz返回顶部图片默认路径是在/static/image/common/scrolltop.png
需要注意的就是图片格式是*.png*,图片名称scrolltop要一样,然后用ftp工具上传到该路径覆盖即可!或者删除然后再上传自己的图片。
清理下缓存,就可以看到新图片了

补充一些功能吧
如果我想要加入的图片是比原来的图片大的话,例如下图


如果没有修改过的话,是不能显示完全或者是没有显示的。现在来告诉大家怎么修改这些属性。

找到/template/default/common/common.css
找到代码

#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 26px;height: 50px; background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }

我上面那张图是29*150的,里面默认宽*高是26*50的,即上面的属性“width” 宽 、“height” 高
width: 26px;height: 50px改为width: 29px; height: 150px
然后还有你要看将图片名称是否和scrolltop.png一致

下面小编分享几个比较经典的返回顶部图片

返回顶部图片_txahz.zip


收藏 邀请

相关阅读

关于我们|联系我们|商务合作|发展历程|手机浏览|返回首页

GMT+8, 2023-6-4 18:01 , Processed in 0.043744 second(s), 18 queries .

返回顶部