Miscellaneous Hacks - To-the-top button in postbit footer.

This simple mod does what is says on the tin, it adds a Top button in the postbit footer using the vBulletin 4.0.2 css convention for mouseover buttons.

Note: This mod is NOT compatible with vBulletin 4.0.1 or earlier.



This is a mod I've always used because, as simple as it may be, a Top button in the bottom right of each postbit, can dramatically speed up the navigation of your site. No more spinning that mouse wheel trying to get back to the menus.

There are...
1x addition to the postbit.css template
1x addition to the posbit (and/or postbit_legacy) template
2x images to upload

INSTRUCTIONS:
1x additions to he posbit.css template
Go to..
Styles & Templates>Stlye Manager>your skin>edit templates>CSS templates>postbit.css
----------------------------------------------------------------------
Find (search for "multiquote"):

.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote  {
	background: url({vb:stylevar imgdir_button}/multiquote-back_40b.png) no-repeat transparent {vb:stylevar left};
	padding-{vb:stylevar left}: 20px;
}
.postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover  {
	background: url({vb:stylevar imgdir_button}/multiquote_40b-hover.png) no-repeat transparent {vb:stylevar left};
	padding-{vb:stylevar left}: 20px;
}

Under that, put:

.postbitlegacy .postfoot .textcontrols a.tothetop, .postbit .postfoot .textcontrols a.tothetop  {
	background: url({vb:stylevar imgdir_button}/tothetop_40b.png) no-repeat transparent {vb:stylevar left};
	padding-{vb:stylevar left}: 20px;
}
.postbitlegacy .postfoot .textcontrols a.tothetop:hover, .postbit .postfoot .textcontrols a.tothetop:hover  {
	background: url({vb:stylevar imgdir_button}/tothetop_40b-hover.png) no-repeat transparent {vb:stylevar left};
	padding-{vb:stylevar left}: 20px;
}

----------------------------------------------------------------------
Click "save".

1x addition to the posbit (and/or postbit_legacy) template:
Now navigate to..
Styles & Templates>Stlye Manager>your skin>edit templates>postbit templates>postbit
----------------------------------------------------------------------
Find (search for "multiquote"):

<vb:if condition="$show['multiquote_post']">
					<a class='multiquote' href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" 

id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:stylevar imgdir_button}/trans_40b.png" 

alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a>
				</vb:if>

Under that, put:

<!-- ////////start To-The-Top button in postbit////// -->
<span class="seperator">&nbsp;</span><a class='tothetop' href="{vb:raw relpath}#top" onclick="self.scrollTo(0, 0); return false;"><img src="{vb:raw vboptions.cleargifurl}" alt="...to the top" />{vb:rawphrase top}</a>
<!-- ////////end To-The-Top button in postbit////// -->

----------------------------------------------------------------------
Click "save".

2x images to upload:
FTP into your forum/images/buttons dir and upload these two attached images:
----------------------------------------------------------------------
tothetop_40b.png
tothetop_40b-hover.png
----------------------------------------------------------------------

That's it.

[doopz]

nice, thanks

[LifesGreatestGift]

<!-- ////////start To-The-Top button in postbit////// -->
<span class="seperator">&nbsp;</span><a class='tothetop' href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;"><img src="{vb:raw vboptions.cleargifurl}" alt="...to the top" />{vb:rawphrase top}</a>
<!-- ////////end To-The-Top button in postbit////// -->

May I make a suggestion?

Change:

onclick="document.location.hash='top'; return false;"

To:

onclick="window.scrollTo(0,0); return false;"


Works a lot better

[doopz]

Originally Posted by markwein

I'm getting the same issue....

Originally Posted by TheWindows7Site

May I make a suggestion?

Change:

onclick="document.location.hash='top'; return false;"

To:

onclick="window.scrollTo(0,0); return false;"


Works a lot better

Would that by any change fix this problem?

[Popa Andrei]

Originally Posted by TheWindows7Site

May I make a suggestion?

Change:

onclick="document.location.hash='top'; return false;"

To:

onclick="window.scrollTo(0,0); return false;"


Works a lot better

wath does this exactluy do?

[markwein]

Originally Posted by TheWindows7Site

May I make a suggestion?

Change:

onclick="document.location.hash='top'; return false;"

To:

onclick="window.scrollTo(0,0); return false;"


Works a lot better

Thanks! it seems to work really well now!

[Popa Andrei]

works great.No more white pages

[Front Range 4x4]

Installing this mod eliminates the white pages too: https://vborg.vbsupport.ru/showthread.php?t=180330

[trilOByte]

Originally Posted by TheWindows7Site

May I make a suggestion?

Change:

onclick="document.location.hash='top'; return false;"

To:

onclick="window.scrollTo(0,0); return false;"


Works a lot better

Thanks for that.

Untested as yet, but vBulletin seem to be using...

onclick="self.scrollTo(0, 0); return false;"

Minor difference, I'll update the mod.

[steeler7]

Both The windows7site and trilobytes suggestions are yielding the white screen for me..

basically it happens right after you make a Quick Reply post. If you go and click the "to the top" button with that Quick Reply Post you make, it gives you a white screen

[Alec W]

Originally Posted by steeler7

Both The windows7site and trilobytes suggestions are yielding the white screen for me..

basically it happens right after you make a Quick Reply post. If you go and click the "to the top" button with that Quick Reply Post you make, it gives you a white screen

onclick="window.scrollTo(0,0); return false;" fixed it on our forum.