XBL GamerCard Button (Appears just like IM buttons)

Everyone loves Xbox Live . Anyhow, there are a few other ways to get the gamertag into the postbit templates but wow does that look ugly!

So I figured "wouldn't it be cool if it looked like the Skype logos?" With that said I looked around and did a lot of fooling around on my test board. This is the end result:

XBL GamerCard as a IM button esque thing

1 - Step one - Create a user profile field (Admin CP => User Profile Fields => Add New

Single Line Text Box
Title: Xbox Live GamerTag
Description: Enter your Xbox Live GamerTag
Show on Member List: On
Field Searchable on Members List: On
The rest of the values are yours to mess in if you want to

2 - Take note of the field value (mine is field9)

3 - Time to edit your template (postbit/postbit_legacy) The path to do so from the Admin CP panel is : Admin CP => Styles and Templates => Template Manager => (Select 'Edit Templates' in the drop down menu for the template you wish to edit => Press [? ?] beside 'Postbit Templates' => [Customize] either 'postbit' or 'postbit_legacy'

Find:

    <td align="center">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</td>

Replace with:

<td align="center">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]<!-- Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com -->
<if condition="$post[field5]"><a id="gamertagmenu_$post[postid]" href="#" title="View Xbox Live! profile for $post[musername]"><img src="$stylevar[imgdir_misc]/xbl.gif" border="0" /></a><script type="text/javascript"> vbmenu_register("gamertagmenu_$post[postid]", true); </script><div class="vbmenu_popup" id="gamertagmenu_$post[postid]_menu" style="display:none"><iframe src="http://gamercard.xbox.com/$post[field5].card" scrolling="no" frameBorder="0" height="140" width="204">$post[field5]</iframe> </div> </if>
<!-- /Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com --></td>

Do NOT forget to change 'field5' to whatever field yours is. The image goes in your style's misc. folder.

That's all folk!

Credit: Stonyarc's thread here for inspiration.

Because of my Mac's TextEdit difficulties (isn't compatible for some reason but has been in the past ) I've attached the logo and a PDF of these instructions.

[Snake]

Nicey!

[obsidian]

Here are the instructions with the /images/misc directory and formatted in dos text. Great hack. You solved the only problem I had with installing the other hack which was collapsing it down.

[Bluestrike2]

pspcrazy - just so you know that image isn't a transparent .gif. I'll try and remake it .

[Breath]

Lots of beer and 10 mins of faffing around and i've got the icon to lineup with the rest correctly.

<!-- Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com -->
<if condition="$post[field5]"><a id="gamertagmenu_$post[postid]" href="#" title="View Xbox Live! profile for $post[musername]"><img src="$stylevar[imgdir_misc]/xbl.gif" border="0" /></a><script type="text/javascript"> vbmenu_register("gamertagmenu_$post[postid]", true); </script><div class="vbmenu_popup" id="gamertagmenu_$post[postid]_menu" style="display:none"><iframe src="http://gamercard.xbox.com/$post[field5].card" scrolling="no" frameBorder="0" height="140" width="204">$post[field5]</iframe> </div> </if>
<!-- /Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com -->

An example can be found here

[Bluestrike2]

Thank you my friend. I'll change the stuff to reflect that.

[Breath]

Originally Posted by Bluestrike2

Thank you my friend. I'll change the stuff to reflect that.

No problem!

You might want to change my field5 options back to field9 so it matches up with your example. Also as you can see from my demo it works on the normal postbit too!

[Bluestrike2]

Done and done! Thanks again.

Anyhow, I've updated everything. Should be good to go! Happy gaming!

[predatorkill]

Great hack!! Can you make it to appear when i pass the mouse over the button?That would be more easy to everyone!!

Thank you very much!

[pspcrazy]

Originally Posted by predatorkill

Great hack!! Can you make it to appear when i pass the mouse over the button?That would be more easy to everyone!!

Thank you very much!

Kill me lol, damn fireworks, i need to learn photoshop rofl. Tranparency doesnt even work lol.

[Bluestrike2]

psp - you quoted the wrong thing .

Anyhow, to make a transparent GIF:

• Create New Document
• Select 'Transparent' Background
• Do your work
• Save as .GIF with 'Transparency' selected

You can also use .PNG and preserve transparency .