Smooth Scrolling (back to top)

How to put a "back to top" button with smooth scrolling effect like this one:
http://eilo.org/

That's what you would call Javascript.

Code:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-2394870-1";
urchinTracker();
</script>
<a href="#top" class="gototop" alt="Go to top..." title="Click here to scroll back to the top of the page!" onclick="backToTop(); return false">Top</a></body></html>

I received the code from viewing the source of that page.

Place that in your homepage message or in your forum's description.

Rok wrote:Place that in your homepage message or in your forum's description.

Thank you but i already put the counter in the description and there is no space left to put that code too

Well, you can always enable the Announcements for every page, and place the code in there. I don't know if that could work but you can try.
Or, you can just place the counter as a widget and put the code in the orum description.

I tryed! The code is too long for the description! Just can't fit there
I don't want to enabel forum widgets because i don't like the way it looks then (the reason is that widgets can be placed only sideways) so that's not an option too

Did the Announcements plan work?

I thought this might be neat and put it in my announcements, but it doesn't appear right. Instead of the little arrow, it shows a link:

add this

Code:

<div align="left" style=""><a href="#top"><img src="http://2img.net/i/fa/prosilver/arrow_up.gif" alt="Back to top" /></a> <a href="#bottom"><img src="http://2img.net/i/fa/prosilver/arrow_down.gif" alt="Go down" /></a></div>

Code:

<div align="left" style=""><a href="#top"><img src="http://i85.photobucket.com/albums/k57/RoNo1/go-top_gold.png" alt="Back to top" /></a> <a href="#bottom"><img src="http://i85.photobucket.com/albums/k57/RoNo1/go-bottom_gold.png" alt="Go down" /></a></div>

Thankyou RoNo for the images i got them from zone II