【教程】教你如何修改《回顶部》的图标、大小、显示位置，解决开启右下角广告挡住问题

怡亭落脚 · 发表于 2011-6-2 15:18:40

本帖最后由怡亭落脚于 2011-6-3 08:58 编辑

这里以官方默认模板为例(其他风格根据实际情况修改咯)

修改方法如下：
打开样式文件 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; }

复制代码

其中：

bottom: 100px;  为控制上下高度的，从底部开始计算
margin: -30px 0 0; 可控制左右上下的偏离值，根据需要设定咯
width: 26px; 为显示的图片宽度
height: 50px; 为显示的图片高度
background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; 为显示的图片，修改这里可以更改图片地址
修改图片也可以直接替换 static\image\common\scrolltop.png 图片文件

根据以上说明根据自己的需求来设定了！修改的时候注意每个后面都有个 ;  不要改没了哦！

本文教程出至：http://bbs.yt69.com/thread-45609-1-1.html

大家可以到我论坛上看看  有什么你可以用得上的~~  http://bbs.yt69.com

pcyi · 发表于 2011-6-2 15:21:51

感谢楼主分享，升级X2后用

J16988 · 发表于 2011-6-2 17:05:52

感谢楼主分享

a327173196 · 发表于 2011-6-2 17:42:08

收藏了

155335677 · 发表于 2011-6-2 20:08:56

{:soso__975111875743204801_1:}

lisxy · 发表于 2011-6-3 00:12:59

呵呵！

fghqg168 · 发表于 2011-6-3 00:14:21

感谢楼主分享

twhll1 · 发表于 2011-6-3 00:35:07

难道？？？？？

有何不可 · 发表于 2011-6-9 10:39:07

支持一个哦

vbangle · 发表于 2011-6-26 15:27:46

支持一下，这个有用哟

		自动登录	找回密码
密码			立即注册

[发布] 【教程】教你如何修改《回顶部》的图标、大小、显示位置，解决开启右下角广告挡住问题