Scrolling Arcade Awards & uShop Gifts & Ribbons

This is a postbit template modification for those of you who have moved your User Info to the left side of posts with Otikeu's Postbit Modification and have uShop Gifts, Ribbons & the v3arcade's horizontal awards modification added.

You can use this modification even if you're not using the left side user info modification and it will just show the icons scrolling under the person's avatar picture.

If you move your User Info to the left side of posts, you'll see that you have much less space for these add-ons' icons.
My solution is to make these all scroll on one line.

First of all, I cannot find the modification to make the v3arcade awards show up horizontally. I found it here or on v3arcadegames at some point, but can't seem to locate it again. If you aren't using this modification, this modification will simply not show those in the scrolling line.

It goes without saying that this is an amalgamation of many ideas previously presented on vbulletin.org including, most importantly, BillyFischbach's v3arcade Scrolling Awards in Postbit modification


I assume you're using the left side user info, so

In your Admin Control Panel, go to Styles & Templates | Style Manager | Your Style | Edit Templates Click Go.

Now click the ? ? button near the words All Template Groups

Now find the postbit template by scrolling down in the left pane.
Double click on the postbit template to open it.

In the postbit template,

FIND:

<if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>

BELOW THIS, ADD:

<if condition="$post[arcadeawards] OR $post[ribbons] OR $post[gifts]"><div>
<MARQUEE loop="-1" scrollamount="2" vspace="5" behavior=scroll direction=right width="100%" onmouseover='this.stop()' onmouseout='this.start()'>
<span class="smallfont"><if condition="$post[ribbons]">$post[ribbons] - <strong>Awareness Ribbons</strong>&nbsp;&nbsp;</if><if condition="$post[gifts]">$post[gifts] - <strong>Gifts</strong>&nbsp;&nbsp;</if><if condition="$post[arcadeawards]">$post[arcadeawards] - <strong>Arcade Awards</strong>&nbsp;&nbsp;</if></span>
</MARQUEE></div></if>

THAT'S IT!
You'll notice that this sequence of conditionals checks for the existance of ANY of one of the add-on's mentioned at the top of this text.
It then scrolls each if it exists, one after the other, from left to right.

I chose to scroll from the left to right because of aesthetic reasons.

If you want it to scroll from right to left,
CHANGE:

<MARQUEE loop="-1" scrollamount="2" vspace="5" behavior=scroll direction=right width="100%" onmouseover='this.stop()' onmouseout='this.start()'>

TO:

<MARQUEE loop="-1" scrollamount="2" vspace="5" width="100%" onmouseover='this.stop()' onmouseout='this.start()'>

If you are looking for the scrolling arcade awards modification and cannot find it, do the following:
In your Admin Control Panel, go to Styles & Templates | Style Manager | Your Style | Edit Templates Click Go.

Now click the ? ? button near the words All Template Groups

Now find the arcade_awards_bit template by scrolling down in the left pane.
Double click on the arcade_awards_bit template to open it.

In the arcade_awards_bit template,

REPLACE THE CONTENTS WITH:

<if condition="$award[icon]!=''"><a href="arcade.php?do=play&gameid=$award[gameid]"><img src="$stylevar[imgdir_arcade]/$award[icon]" alt="$award[gametitle] Champ, score: $award[highscore]" align="absmiddle" border=0></a>&nbsp;</if>

THAT'S IT!

Version History
v1.20 added instructions for scrolling arcade icons since this seems to have been lost with the closure of v3arcade.com
v1.10 added javascript to halt scrolling and allow users to see alt text and click on icons
v1.00 initial release

Please click Installed, if you use this modification.
Comments and criticism are encouraged; this is my first modification...

Note: To copy from the HTML boxes above, try clicking CTRL and clicking inside the box. This will highlight everything in that box.

[Daniel]

Looks great. Awesome job, *installs*