2011年5月17日星期二

Back To Top Icon 按钮


到 Design > Edit HTML

按 Ctrl + F 寻找 </body>

在 </body> 之前 copy and paste 这个 code 进去

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='图片 Direct Link'/></a>


记得哦,是图片 Direct Link。你可以把你的图画上载到 Photobucket 以获取 Direct Link。


青色的 Back To Top 你可以随意更换成你喜欢的文字。这个字会在你的鼠标指向它的时候出现。


我用黄色 Highlight 的号码,是你要你的 Back To Top 图画显示的位置。你可以更换去其他号码,那么它的位置就会改变。





有看到位置改变了吗?




按 save,就好了啦!:)






32 条评论:

  1. 你のblog好美~
    你の教程也不错~

    回复删除
  2. icon 是可以变大变小的,要怎样弄呢?

    回复删除
  3. 在 < / body> 之前 copy and paste 这个 code 进去
    ^
    这句是指在的前面放那个code吗?

    回复删除
  4. 你的Scoll to top怎麽弄??

    回复删除
  5. bu hao yi shi ...yao zen yang nong a ?

    回复删除
  6. 那个photobucket要怎样用的?

    回复删除
  7. 我不懂那个“图片 Direct Link”是从哪里弄得?

    回复删除
  8. 我已經製作了back to top的按鈕,但是要怎樣連接link?

    回复删除
  9. 不好意识
    怎么跟伱的back to top不一样?伱的是慢慢上去、而伱教的是快快(直接)上去..
    麻烦回我 (http://weiweiannn.blogspot.com)
    谢谢你 :)

    回复删除
  10. 姐姐,,为什么弄不到的??

    回复删除
  11. 请问如何利用美图秀秀来制作back of top ?

    回复删除
  12. 怎样在 ctrl + F 写字 ?
    要怎样用 ?
    不会叻 @@

    回复删除
  13. 弄不到!按了不会回到上面

    回复删除