Forum Display Enhancements - YBMF-Back to Top Hack ( Finger Saver )

This little SIMPLE stupid ridiculous crazy WHY DIDNT I THINK OF IT BEFORE hack ... will make you so popular on your forum. It will save MILLIONS of miles of unnecessary Mouse Wheel spinning !

Requested by many members.

Just been reading a question asked about "Back to Top" for forum posts, saves the long scrolling !

So I have created some code for you, enjoy.

1. admincp > styles & Templates > style manager >

search for postbit_legacy or postbit

then in search box for this template, look for <!-- controls -->

Right after this add:

<a href="#top" onclick="scroll(0,0); return false;">
  <img src="expats/images/misc/top.gif" alt="" width="70" height="22" border="0" 
style="margin-right:0.4em;"/></a>

Where expats is our style ( substitute for your own )

so if your style is called DAVE then the link would be DAVE/images/misc/top.gif

Then ftp this image to your forum/style folder.

in my case this would be forum/expats/images/misc/

Image Included.

Enjoy

[TimberFloorAu]

Originally Posted by Chani

I agree.

Cheers Mate, Im just about to release a new template hack, going down a storm with our members !

:up:

[scottny]

Ok I have a question. I got it installed on my system but the pic is not showing up. I do have custom styles up. I did put the names of the styles in. Is there something I am missing to get it to have the same pic as the others or does it not do that and I totally misunderstood? It does work, just a blank photo in a box.

Thank you.

[TimberFloorAu]

have u got a link 2 ur site plz

[down.low]

I have this installed right now and it works fine, I was wondering how to change this to work as a Bottom button?? I thought it would've been a change of #top to #foo but I guessed wrong?? Thanks for help and the useful Top hack.

[down.low]

Originally Posted by scottny

Ok I have a question. I got it installed on my system but the pic is not showing up. I do have custom styles up. I did put the names of the styles in. Is there something I am missing to get it to have the same pic as the others or does it not do that and I totally misunderstood? It does work, just a blank photo in a box.

Thank you.

Try changing the code from:

<img src="STYLENAME/images/misc/top.gif"

to

<img src="images/STYLENAME/misc/top.gif"

This could be your problem, it was for me.

[blackwolf062]

thanks good work

[syrus.xl]

The correct way of coding the image path in vBulletin should be like this...

<a href="#top" onclick="scroll(0,0); return false;">
<img src="$stylevar[imgdir_misc]/top.gif" alt="" width="70" height="22" border="0" style="margin-right:0.4em;"/></a>

Stylevars should be used, not relative urls.

[down.low]

Originally Posted by down.low

I have this installed right now and it works fine, I was wondering how to change this to work as a Bottom button?? I thought it would've been a change of #top to #foo but I guessed wrong?? Thanks for help and the useful Top hack.

Could someone help me if they have a chance?

[TimberFloorAu]

Essentially , it uses the anchor text.

change #top to #bottom

add an anchor in your footer. called #bottom.

So basic code:

<a href="#Bottom">Bottom</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<a name="Bottom">Footer Anchor Point</a>

<a href="#Bottom">Bottom</a> is your link

<a name="Bottom">Footer Anchor Point</a> is your anchor in your footer

[down.low]

All I get out of putting:

<a href="#Bottom">Bottom</a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<a name="Bottom">Footer Anchor Point</a>

Into my footer is a link at the bottom of the page that says "Bottom" and a statement saying "anchor",




Do I need to post this after "<!-- controls -->" for a functional "bottom" button:

<a href="#bottom" onclick="scroll(0,0); return false;">
<img src="expats/images/misc/bottom.gif" alt="" width="70" height="22" border="0"
style="margin-right:0.4em;"/></a>

And then this one for a "top" button:

<a href="#top" onclick="scroll(0,0); return false;">
<img src="expats/images/misc/top.gif" alt="" width="70" height="22" border="0"
style="margin-right:0.4em;"/></a>

After doing this all I get is a "top" that takes me up, & a "bottom" that takes me up. I'm guessing I'm messing up with the anchor for the bottom?? Thanks in advance for any help.