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.

[steeler7]

Originally Posted by Alec W

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

Doesn't work for me. I get the same results. .. not sure if I'm doing something wrong or not..

Here's a snippet of code, if anyone can look at it and tell me where I've meesed up if I have

<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:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a>
				</vb:if>
<!-- ////////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////// -->
			</span>

			<span class="postlinking">

[Hippy]

looks correct steeler7

thanks for the mod 2 thumbs up

[trilOByte]

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

Does that also happen when you do the same thing using the vbulletin "top" button just above the footer?

[Hippy]

How do I get this mod to not display in private messages

[Gero50]

Tagged thanks for the cool mod.

[steeler7]

Originally Posted by trilOByte

Does that also happen when you do the same thing using the vbulletin "top" button just above the footer?

The vbulletin "top" button works fine. It'as pretty inconsistent and it only happens clicking the Top button attached to my own posts. I've been trying to see if I can pin point it and get others to try as well and no luck.

I'm thinking that maybe I'll just try a fresh install of this add-on and give it a whirl!

[kabir]

Not Work to Version 4.0.5

[EmAnh]

Originally Posted by kabir

Not Work to Version 4.0.5

In Version 4.0.5 the code changed

All others of the author instruction are still valid and you need only change the code in "step one"

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 {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover  {
	background: url({vb:stylevar imgdir_button}/multiquote_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}

Under that, put:

.postbitlegacy .postfoot .textcontrols a.tothetop, .postbit .postfoot .textcontrols a.tothetop  {
	background: url({vb:stylevar imgdir_button}/tothetop_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.tothetop:hover, .postbit .postfoot .textcontrols a.tothetop:hover  {
	background: url({vb:stylevar imgdir_button}/tothetop_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
                padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}

Click "save" .

------------------------------------------------------------------
The rest of instructions are same as the author instructed (first post)

[COL NIL SATIS]

tagged

[COL NIL SATIS]

rated 5 ...great stuff!!!! works a1