Xbox Live Gamercard - PSN - Wii in Profile Field

This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.

Visit the NEW ZetaBoards Support forum!

Pages:
1
2
…
7

Xbox Live Gamercard - PSN - Wii in Profile Field; Show off your Gamer info!
Topic Started: Feb 26 2008, 12:15 AM (6,404 Views)
McKee91	Feb 26 2008, 12:15 AM Post #1
FX Designer Posts: 25 Group: Members Member #2,628 Joined: Feb 22, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/FewGoodMen/index	I made several little javascripts that allow users to display their Xbox Live gamercard and/or Playstation Network ID and/or Wii Friend Code in their profile field. (I don't have a Wii or PS3 so the images in the preview are fake, but this code works, I've tested it.) Preview First, go to your admin control panel. Then, on the left side select Profile Fields Now, for new field, select 1 line text and hit Submit At the next screen, use the following settings: Settings Spoiler: click to toggle XBOX LIVE GAMERCARD SETTINGS Title: Xbox Live Gamertag On Registration: Yes Admin Only Edit: No Show field in topics: Yes Maximum input length: 20 Click Submit PLAYSTATION NETWORK ID SETTINGS Title: Playstation Network ID On Registration: Yes Admin Only Edit: No Show field in topics: Yes Maximum input length: 20 Click Submit WII FRIEND CODE SETTINGS Title: Wii Friend Code On Registration: Yes Admin Only Edit: No Show field in topics: Yes Maximum input length: 20 Click Submit Now, from the left side of your admin control panel, select Board Templates Put the following code(s) in Javascripts Javascript Spoiler: click to toggle *XBOX LIVE GAMERCARD JAVASCRIPT* Code: `<script type="text/javascript"> //<![CDATA[ $(function () { var ddcalled = "Xbox Live Gamertag"; $("dl.user_profile > dt:contains("+ddcalled+") + dd").each(function () { var item = $(this).text(); $(this).html('<a href="http://live.xbox.com/member/'+item+'"><img width="204" border="0" src="http://www.glop.org/gamercard/card/'+item+'-large.png" class="gamercard" /></a>');});}); //]]> </script>` *PlAYSTATION NETWORK ID JAVASCRIPT* Code: `<script type="text/javascript"> //<![CDATA[ $(function () { var ddcalled = "Playstation Network ID"; $("dl.user_profile > dt:contains("+ddcalled+") + dd").each(function () { var item = $(this).text(); $(this).html('<img width="204" border="0" src="http://pid.us.playstation.com/user/'+item+'.jpg" class="psntag" />');});}); //]]> </script>` *WII FRIEND CODE JAVASCRIPT* Code: `<script type="text/javascript"> //<![CDATA[ $(function () { var ddcalled = "Wii Friend Code"; $("dl.user_profile > dt:contains("+ddcalled+") + dd").each(function () { var item = $(this).text(); $(this).html('<div id="wiitag_bg"><div id="wiitag_text">' + item + '</div></div>');});}); //]]> </script>` IMPORTANT!!! //<![CDATA[ and /]]> must be on their own line!!!! If the code is on a single line, problems will occur. Then click Edit Board Template located at the bottom. CSS Spoiler: click to toggle You only need to edit the CSS once, it will work for all gamertags/friend codes At the Admin Control Panel, select Themes from the left. Click on Edit theme Appearance Find the following lines in your CSS and change them accordingly (Hint: use ctrl + F to find characters faster). Add the following line: Add the following lines for the Wii Friend Code #wiitag_bg { background:url(http://209.85.62.24/132/33/0/f123597/wiifriendcodebg.png) center no-repeat; width:204px; height:37px; } #wiitag_text { padding:11px 10px 0px 0px; color:#404040; text-align:right; font-weight:900; font-size:9pt; } Click the Edit CSS button at the bottom and your done! If you have any problems with these codes, post your problems below. Include your board url so that I can take a look at your code. Thanks. McKee Edited by McKee91, Jul 29 2008, 01:58 PM.



.Koda	Feb 26 2008, 09:09 PM Post #2
Livin' The Life Posts: 63 Group: Members Member #144 Joined: Nov 28, 2007 What Browser are you using? Opera 9.5	Okay. For me, every profile field shows up... we have multiple so multiple gamertag things show. Is there a way to get it to just show for a specific titled one?



McKee91	Feb 27 2008, 09:37 AM Post #3
FX Designer Posts: 25 Group: Members Member #2,628 Joined: Feb 22, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/FewGoodMen/index	I know very little about coding and javascript in particular. As of now on my board. I only have 1 profile field cause I was getting the same problem as you. So, until someone with experience can look at this and fix it, if you want the gamercard your going to just going to have 1 profile field.



RyuraGS	Feb 27 2008, 09:57 AM Post #4
Member Posts: 428 Group: Members Member #167 Joined: Nov 28, 2007 What Browser are you using? Chrome	Code: `<script type="text/javascript"> //<![CDATA[ $(function () { var ddcalled = "Gamertag"; $("dl.user_profile > dt:contains("+ddcalled+") + dd").each(function () { var item = $(this).text(); $(this).html('<img src="http://card.mygamercard.net/mini/'+item+'.jpg" class="gamercard" />'); }); }); //]]> </script>` Change Gamertag in this line: var ddcalled = "Gamertag"; to what your profile field is called. Edited by RyuraGS, Feb 27 2008, 10:17 AM.



McKee91	Feb 27 2008, 12:12 PM Post #5
FX Designer Posts: 25 Group: Members Member #2,628 Joined: Feb 22, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/FewGoodMen/index	I couldn't get the code above to work.



RyuraGS	Feb 27 2008, 01:45 PM Post #6
Member Posts: 428 Group: Members Member #167 Joined: Nov 28, 2007 What Browser are you using? Chrome	Link me to your forum where you couldn't get it to work (with the code on it) and I'll see if its an error on my part or yours.



McKee91	Feb 27 2008, 02:21 PM Post #7
FX Designer Posts: 25 Group: Members Member #2,628 Joined: Feb 22, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/FewGoodMen/index	Thanks for giving me so much support so far, I really appreciate it. HERE's MY BOARD Edited by McKee91, Feb 27 2008, 02:22 PM.



McKee91	Feb 27 2008, 04:48 PM Post #8
FX Designer Posts: 25 Group: Members Member #2,628 Joined: Feb 22, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/FewGoodMen/index	Thanks for taking the time to visit my board and fix the problem, GenerationStudio, I greatly appreciate it!! So in conclusion, The code below allows you to have multiple profile fields and still have the Xbox Live Gamercard display. Here's the code: Code: `<script type="text/javascript"> //<![CDATA[ $(function () { var ddcalled = "Xbox Live Gamertag"; $("dl.user_profile > dt:contains("+ddcalled+") + dd").each(function () { var item = $(this).text(); $(this).html('<img src="http://www.glop.org/gamercard/card/'+item+'-large.png" class="gamercard" />'); });}); //]]> </script>`



yellowdartx	Feb 28 2008, 12:28 AM Post #9
Zombie!!! Posts: 176 Group: Members Member #1,469 Joined: Jan 12, 2008 What Browser are you using? Firefox 3 ZB Board URL http://s1.zetaboards.com/yellowdartx/index/	Using the code and it working good for my clan forum. Thanks man!



Mc_Champion	Mar 1 2008, 09:38 AM Post #10
Member Posts: 3 Group: Members Member #2,780 Joined: Mar 1, 2008	i cant get mine to work properly its there but it cuts half the image off help? link: http://360elements.hacksource.org



1 user reading this topic (1 Guest and 0 Anonymous)


Go to Next Page
« Previous Topic · User Created Codes · Next Topic »

Pages:
1
2
…
7