PDA

View Full Version : XBL GamerCard Button (Appears just like IM buttons)


Bluestrike2
30 Dec 2005, 00:30
Everyone loves Xbox Live :D. 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 :D
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. (http://www.vbulletin.org/forum/showthread.php?t=99867&page=2&pp=15&highlight=xbox)

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.

Bluestrike2
30 Dec 2005, 00:31
I'm going to reserve this for space... :D

(Don't know why though :D)

Zachariah
30 Dec 2005, 02:24
Thanks :)

Bluestrike2
30 Dec 2005, 02:33
Works ok? Awesome!

Zachariah
30 Dec 2005, 02:44
Works ok? Awesome!

- I give thanks for your time and energy
- Let ya know later if it worked :)

Zip the image w/ the text please. - helps when ppl download and install later.

Zachariah
30 Dec 2005, 02:56
what editor did you use ? - The text is a mess ?

edit:
MSWord opens it.

Save as a "dos" txt file w/o formating.

Bluestrike2
30 Dec 2005, 03:31
Hmmm....

I'm on a mac and I used Text Editor. That sucks - I'll redo the text file in the morning. Sorry!

Edit: Its morning somewhere so its done and updated :D.

Zachariah
30 Dec 2005, 04:19
ya the postbit still needs work (http://www.gzhq.net/forums/showthread.php?t=14151) :D
- I got a fake name in the profile to make it show up

The DIV tag shifts it to the next line.

<img src="$stylevar[imgdir_misc]/xbl.gif" border="0" />
allows you to place the image in - style / image / misc

pspcrazy
30 Dec 2005, 06:52
wow awesome man, im installing this baby. BTW your icon doesnt look to good for the xbox so i made a cleaner one.

pspcrazy
30 Dec 2005, 07:03
this might be better

Snake
31 Dec 2005, 13:55
Nicey!

obsidian
31 Dec 2005, 15:02
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
31 Dec 2005, 18:30
pspcrazy - just so you know that image isn't a transparent .gif. I'll try and remake it :D.

Breath
01 Jan 2006, 00:23
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 (http://forums.wireplay.co.uk/showthread.php?t=309966)

Bluestrike2
01 Jan 2006, 00:26
Thank you my friend. I'll change the stuff to reflect that.

Breath
01 Jan 2006, 00:40
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! :D

Bluestrike2
01 Jan 2006, 01:07
Done and done! Thanks again.

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

predatorkill
01 Jan 2006, 01:20
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
01 Jan 2006, 01:23
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
01 Jan 2006, 16:00
psp - you quoted the wrong thing :D.

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 :D.

Zachariah
01 Jan 2006, 16:09
Great going guys / gals !
- hey Bluestrike2, edit the 1st post and add a check to "Additional files" (the gif upload)

G0F0RBR0KE
01 Jan 2006, 17:16
Good one guys. Once this hack is fully completed. Just simply PM me or i'll recheck it later on.

Bluestrike2
02 Jan 2006, 00:32
Forgot to do so. Anyhow, its pretty much complete it seems. While we *could* probably find a way to code the rollover effect in, it seems like it would be a PiTA. Does anyone have suggestions on how to implement that?

Zachariah - forgot to click it :(. Oops!

krümel
21 Jan 2006, 16:18
In my forum at the User Fukuhara (http://kuruboard.de/vB/member.php?u=70) comes no xboxlive icon in the postbit =(

help mee!! ^^

Afterlifer82
28 Jan 2006, 15:21
Could someone please post revised instructions on how to get this working in 3.53, I'd greatly appreciate it.

Noonster
29 Jan 2006, 18:58
Could someone please post revised instructions on how to get this working in 3.53, I'd greatly appreciate it.

I would also appreciate this...

Thanks

Noonster
29 Jan 2006, 19:21
No worried I have sorted it now...

Also noticed that if you have usernames with different colours that the code "Breath" posted what work!!! However to get it working you need to change:

[musername] to [username]

Here is all the code incase you are unsure as to what I mean!!


<!-- Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com -->
<if condition="$post[field11]"><a id="gamertagmenu_$post[postid]" href="#" title="View Xbox Live! profile for $post[username]"><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[field11].card" scrolling="no" frameBorder="0" height="140" width="204">$post[field11]</iframe> </div> </if>
<!-- /Xbox Live Icon by Bluestrike2 of the MLGPwnCast.com -->


Cheers
Daz ;)

Afterlifer82
30 Jan 2006, 16:35
Noonster thank you very much, you literally saved a man's sanity today. :)

Bluestrike2
01 Feb 2006, 01:02
I've got it up and running on 3.5.3 here (http://www.mlgteams.com/forum/showthread.php?t=1).

What's not working specifically?

Kruemel - can you send me a link to a post with it - where its not showing up? That's to the profile. While I see not reason why it WOULDN'T work on the profile - I'm just curious as to what's not showing up. Did you upload the image to the proper directory and make sure that the link in the code points there?

Don't forget to click 'install' :D.

A17roolz
27 Feb 2006, 14:10
i get stuck here
Time to edit your template (postbit/postbit_legacy)

what file are you talking about? i am using 3.5.4

also why is the image 21 by 21 and not 23 by 23 like the other [msn, yahoo, etc] images are?

Bluestrike2
27 Feb 2006, 23:41
Hi A17!

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.' Then just follow the instructions :D.

Anyhow, postbit is the horizontal one and postbit_legacy is the vertical view like the one you see here (notice how the data is all vertically oriented on the left column in this thread instead of horizontally).

If you need any more help don't hesitate to ask :D. Oh yeah - the image is 21x21 for no reason at all :D - it won't matter as it appears just fine :D.

Cajun
26 Mar 2006, 20:36
Very nice hack.

Is there a way when you click on the gamercard that it opens a new window to xboxlive?

Also is there a way to add this to the user profile page?

Thanks

Bluestrike2
23 Apr 2006, 23:49
No :( - its an iframe, so its mean to be put on web pages :(.

User profile - sure. Its very easy actually. I'm going to be releasing another "hack" (if this can even be considered one :D) which will show you how to add features such as the ability to send an Xbox Live friend request, etc.

Sjakie
20 Dec 2006, 08:37
Does someone know how they did this with the camercard option. This site makes the card pop up when the pointer goes over it.
http://forum.xboxworld.nl/showthread.php?t=92807