top



how i can make back to top like this forum but the pict is in the bottom right ?

Here:

Code:
<img src="IMAGR ULR HERE" onclick="jQuery('html,body').animate({scrollTop: jQuery('#top').offset().top}, 2000);">

Or

Code:
 <script type="text/javascript">
      jQuery(document).ready(function(){
          jQuery('body').prepend('<span id="bm-top" />');
          jQuery('body').append('<a href="#bm-top" id="bm-arrow-top">Back To Top</a>');
          jQuery('#bm-arrow-top').bm_topLink({
            min: 200,
            fadeSpeed: 500
          });
          jQuery('#bm-arrow-top').click(function(e) {
            e.preventDefault();
          });     
          jQuery('a[href*=#]').click(function() {
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
           
                var $target = jQuery(this.hash);
                $target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) +']');
               
                if ($target.length) {
                  var targetOffset = $target.offset().top;
                  jQuery('html,body').animate({scrollTop: targetOffset}, 1000);
                  return false;
                }
            }
          });     
      });
      jQuery.fn.bm_topLink = function(settings) {
          settings = jQuery.extend({
            min: 1,
            fadeSpeed: 200
          }, settings);
          return this.each(function() {
            var el = jQuery(this);
            el.hide();
            jQuery(window).scroll(function() {
                if (jQuery(window).scrollTop() >= settings.min) {
                  el.fadeIn(settings.fadeSpeed);
                } else {
                  el.fadeOut(settings.fadeSpeed);
                }
            });
          });
      };
    </script>
    <style type="text/css"> 
    a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
    a:hover#bm-arrow-top {background-position:bottom left;}
    </style>

the both code is not working .. i used invision

BUMP

With Invision? Hmm... Hardly possible.

pleasee come on

Mate, even we can't do everything

Maybe we can...

try adding that in a widget or announcements area Wink

Code:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="IMAGE URL" /></a>

@George: What he wants is a link that's at the bottom left of the forum page.

Ok..! Then here is the code:

Code:
<a style="display:scroll;position:fixed;bottom:5px;left:5px;" href="#" title="Back to Top"><img src="IMAGE URL" /></a>

sgeorge wrote:Maybe we can...

try adding that in a widget or announcements area Wink

Code:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="IMAGE URL" /></a>
oke thats code is working but can u make thats back to top show something like this http://tarsiusforum.forumid.net/forum

Not with Invision cause you can't access to the templates.

hemm but .. can u give me for punbb to but the back to top show if u scroll to down ? like that forum

The code was given above.But here you are once more Smile

Code:
<img src="IMAGR ULR HERE" onclick="jQuery('html,body').animate({scrollTop: jQuery('#top').offset().top}, 2000);">

Or

Code:
 <script type="text/javascript">
      jQuery(document).ready(function(){
          jQuery('body').prepend('<span id="bm-top" />');
          jQuery('body').append('<a href="#bm-top" id="bm-arrow-top">Back To Top</a>');
          jQuery('#bm-arrow-top').bm_topLink({
            min: 200,
            fadeSpeed: 500
          });
          jQuery('#bm-arrow-top').click(function(e) {
            e.preventDefault();
          });     
          jQuery('a[href*=#]').click(function() {
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
           
                var $target = jQuery(this.hash);
                $target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) +']');
               
                if ($target.length) {
                  var targetOffset = $target.offset().top;
                  jQuery('html,body').animate({scrollTop: targetOffset}, 1000);
                  return false;
                }
            }
          });     
      });
      jQuery.fn.bm_topLink = function(settings) {
          settings = jQuery.extend({
            min: 1,
            fadeSpeed: 200
          }, settings);
          return this.each(function() {
            var el = jQuery(this);
            el.hide();
            jQuery(window).scroll(function() {
                if (jQuery(window).scrollTop() >= settings.min) {
                  el.fadeIn(settings.fadeSpeed);
                } else {
                  el.fadeOut(settings.fadeSpeed);
                }
            });
          });
      };
    </script>
    <style type="text/css"> 
    a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
    a:hover#bm-arrow-top {background-position:bottom left;}
    </style>

u mean something like this right ?

Code:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img694.imageshack.us/img694/8324/returntop.png" onclick="jQuery('html,body').animate({scrollTop: jQuery('#top').offset().top}, 2000);"></a>

but in the first the pict is not dissapered i want make the first look dissapered and if we scroll the pict will be showed

Yes Wink