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.

[Popa Andrei]

can someone make this to work with 4.0.6?

[xinnek]

I'd really like to use this, PLEASE UPDATE! This should be standard with Vbulletin.

[kingmotox]

any chance to get this to work on 4.0.7?

[markwein]

Originally Posted by kingmotox

any chance to get this to work on 4.0.7?

Actually it still works on my forum...I'll see if I can copy the code today..

[markwein]

Originally Posted by kingmotox

any chance to get this to work on 4.0.7?

Originally Posted by markwein

Actually it still works on my forum...I'll see if I can copy the code today..

ook...from post_bit (i use legacy)

<!-- ////////start To-The-Top button in postbit////// -->
<span class="seperator">&nbsp;</span><a class='tothetop' href="{vb:raw relpath}#top" onclick="window.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////// -->

and the postbit.css:

.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;
}

You can see it work on my forum: http://markweinguitarlessons.com/forums/forum.php

[white demon]

...4.1.0...dont work...

[Fastbird]

+1 would love to see this working iin 4.1

[Sforums]

I assumed it does and ruined my site. Look what happened at the footer, can anyone help me fix this? I tried to revert templates to old settings but something happened and looks like sh1t now....

[whitedd]

...hi..i find solution...
...if you need this button more then multiquote button,dont put this codes under...overwrite them...its work on 4.1.2. ...

[RedHacker]

I cant show anything in 4.1.3 Version....