Return to Top

[M³]

Nov 20, 2012 17:31:38 GMT -8 M³ said:

Hmmmm, just tried that but didn't work.

LOL, it worked all along. I Wasn't expecting it to be where it is .. vs the drop down window .. but it'll do. 

[Peter]

Nov 21, 2012 3:40:45 GMT -8 M³ said:

Nov 20, 2012 17:31:38 GMT -8 M³ said:

Hmmmm, just tried that but didn't work.

LOL, it worked all along. I Wasn't expecting it to be where it is .. vs the drop down window .. but it'll do. 

Did you mean my code?

Which code are you on about?

I posted 2, 1 for you, and 1 for someone else.

[Patrick [ASE]]

Nov 21, 2012 0:07:30 GMT -8 @ritab said:

Nov 20, 2012 9:57:04 GMT -8 Patrick [ASE] said:

Easiest to do <center><a href="#top">Back to top!</a></center>

That's better thanks Patrick, just need to increase the font size now, as the words look lost at the bottom of the board. 

You can use <font size="6">Back To Top</font> where the text is
To also make it bold <font size="6"><b>Back To Top</b></font>

Change the 6 to what size you want

[M³]

I'm using the one below and actually like it. Is there a way to color the button?

<script>

$(function(){
$("div.controls ul.options_menu").each(function(){
var clone = $(this).find("li:first").clone();

clone.find("a").click(function(){
$.scrollTo(0);
}).html("Back To Top");

clone.find("span").remove();

$(this).append(clone);
}
});

</script>

[Former Member]

Nov 21, 2012 10:04:59 GMT -8 Patrick [ASE] said:

Nov 21, 2012 0:07:30 GMT -8 @ritab said:

That's better thanks Patrick, just need to increase the font size now, as the words look lost at the bottom of the board. 

You can use <font size="6">Back To Top</font> where the text is
To also make it bold <font size="6"><b>Back To Top</b></font>

Change the 6 to what size you want

That's much better, thanks Patrick - no one will miss it now! 

wellies.freemessageboards.com/

[Peter]

Nov 21, 2012 10:12:01 GMT -8 M³ said:

I'm using the one below and actually like it. Is there a way to color the button?

<script>

$(function(){
$("div.controls ul.options_menu").each(function(){
var clone = $(this).find("li:first").clone();

clone.find("a").click(function(){
$.scrollTo(0);
}).html("Back To Top");

clone.find("span").remove();

$(this).append(clone);
}
});

</script>

You can add whatever CSS you like.  Could even attach a class if you prefer. 

Here's an example of how to set the background color. Just find and replace that part of the code.

clone.find("a").click(function(){
    $.scrollTo(0);
}).html("Back To Top").css({
    "background-color": "red"
});

[Maiden]

Hi Peter

Is there a way to make it so that if this sort of thing happens the back to top button is next to the dropdown menus?

I'm using the script in the global headers.

Thanks