"WoW 3D Armory View Box" : Archive : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > WoW 3D Armory View Box

1 2Next

Mottie (SuperAdmin)

5/24/2009 12:39 PM EST : WoW 3D Armory View Box

ACK!

Posts: 3873

0
Like

0
Dislike

How to made a WoW 3D Armory viewbox

GuildPortal admin site link to original post

I thought it would be nice to have a content box that would show the guild leader, officers or class leaders using the 3D armory. This box will let you click on the icons across the top and update the content below. You can pick any icons you want, I just happened to use the class icons.

Include the updated tooltip script to see the who is associated to the selection icon. Below the selection icons, is the character name. The asterisk following allows you to toggle viewing the character details below (if you set the script to show this information).

Check it out on the Help-Site Warcraft tab.

The Code
** Add this code to the editor while it is in Raw/Script mode (upper right corner) **

Customizing

You can modify the text color of the character name and title by modifying the accompanying CSS

#charName a { font-size:120%; font-weight:bold; color:#ffcc00; }
#charTitle { font-size:110%; color:#dddddd; }
The character name is a link, so if you want it to change colors while hovering over it, add another line to the CSS as follows:

#charName a:hover { color:#ffffff; }
The size of the 3D character can be adjusted by modifying the following variables in the script. Size is in pixels. You'll need to modify the last line of the code as follows (make sure the last line of the options doesn't have a comma):

options = {
charHeight : 400,
charWidth : 200
};
$('#myArmory').armory(char,options);
When hovering over the character selection icon a tooltip will popup, the next variable will set the width of the tooltip that pops up. Size is in pixels.

options = {
charTooltipWidth : 150
};
$('#myArmory').armory(char,options);
The 3D armory will include detailed information about the character. If you look at the bottom of the screenshot above you will see the character level, race, class, guild name, talent specs (yes they are all zero LOL), professions and a link to all gear that is equipped.

If you want to include this information, set the "charDetailedInfo" variable to true. The second variable "charDetailedInfoMinimized" will hide this information initially, and if the user clicks on the asterisk next to the character name, the information window will display/hide this detailed information. Here is how to include all of the options for your armory.

options = {
charHeight : 400,
charWidth : 200,
charTooltipWidth : 150,
charDetailedInfo : true,
charDetailedInfoMinimized : false
};
$('#myArmory').armory(char,options);
Adding the list of characters to show is done by following this format

char.push(['NAME','TITLE','3D ARMORY INFO','IMAGE OR TEXT LINK']);
- NAME = Character Name to display
- TITLE = Add a title for the character: "Guild Leader", "Class Leader", etc.
- 3D ARMORY INFO = information used to specify which character 3D armory needs to load. It is broken down as follows: "region/server/name", note each is separated by a slash.
  
  Example: "us/durotan/wubie" = "US" region, "Durotan" server and character named "Wubie".
  
  This information is not case sensitive!
- IMAGE OR TEXT LINK = This is the icon or even text you click on to switch the character being viewed. If you use text, be sure to add a separator like a comma or a pipe "|" (shift-\).

Edit (5/24/2009): Updated to work with IE.
Edit (1/7/2010): Updated to work with new tooltips.
Edit (3/11/2010): Modified the code to reduce the amount of coding you need to add and I added a bit of code to replace broken talent and profession icons. I also added the wowhead script to the code.
Edit (3/12/2010): Added CSS to remove the outline from around the 3D viewer when you rotate your character.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Dethmaul (Member)

6/4/2009 3:51 PM EST : RE: WoW 3D Armory View Box

Posts: 987

0
Like

0
Dislike

I must have some stuff seriously screwed up on my site

I tried to get this to work on my site as well, and all I get are the icons.
I am not sure what I am doing wrong. Do I need a script engine referenced on my site to get this working?

•

Mottie (SuperAdmin)

6/4/2009 6:11 PM EST : RE: WoW 3D Armory View Box

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Hi Dethmaul! I just found out today that the 3DArmory site messes up when your realm name has a space in it, like "Chamber of Aspects" server... I posted about the problem on the 3DArmory forums and the administrator said he will fix it ASAP. If this isn't the problem you are having, then please message me or post the code you are using here. Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Dethmaul (Member)

6/4/2009 6:48 PM EST : RE: WoW 3D Armory View Box

Posts: 987

0
Like

0
Dislike

I dont think that is the issue.
Realm is Arathor.

I put your code on our site without modifying it at all.
A side note.

I went to the 3darmory site and used their direct link scripts and they show nothing as well, so I am thinking it is something on my site.

•

Colypso911 (Applicant)

6/4/2009 8:41 PM EST : RE: WoW 3D Armory View Box

Posts: 23

0
Like

0
Dislike

Is it possible to integrate this with the guild roster?

A feature I would love to have is when you click on a players name in the guild roster on your website, it pops up a window with the 3d armory viewer.

That would be amazing...

You're a genius Mottie, your work has helped my guild site lots so far... wave your magic wand around and make this happen! Or if it's already possible, tell me how to do it.

•

IceburgTX (Applicant)

6/7/2009 4:36 AM EST : RE: WoW 3D Armory View Box

IceburgTX Posts: 800 0 Like 0 Dislike	I'll keep an eye out here for when they fix the name/space issue. This would be a cool thing to have, especially since trying to get the guildies to send me toon pics is like pulling teeth. d
•

Mottie (SuperAdmin)

6/7/2009 9:49 AM EST : RE: WoW 3D Armory View Box

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Actually, I believe that fix is done now. So if you're still not getting this box to work post it on your site and send me a message and I'll look at it. Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Mottie (SuperAdmin)

6/7/2009 8:54 PM EST : RE: WoW 3D Armory View Box

ACK!

Posts: 3873

0
Like

0
Dislike

Colypso911 said:

Hey Colypso911!

Here you go, 3D armory links for your Roster... It should work the way you described, enjoy!

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Berryicewand (Member)

6/9/2009 11:40 AM EST : RE: WoW 3D Armory View Box

Berryicewand Posts: 21 0 Like 0 Dislike	Dont think mine is working mottie i got it running on the bottom right hand side of my site Here is ma code as always m8 * Would have put code but wouldnt let me * Site Http://perception.myguildhost.com Cheers mottie Berryicewand
•

Mottie (SuperAdmin)

6/9/2009 10:48 PM EST : RE: WoW 3D Armory View Box

ACK!

Posts: 3873

0
Like

0
Dislike

Well Berryicewand!

I see the problem is the forum post hides "document.write" because I forgot to make the word document in italics. It's about four lines below the "Don't Change Anything Below".

It's ok on the admin forums, but it somehow got hidden here in this forum. The post is fixed now.

And sorry I guess I was wrong, the 3D armory is still giving errors for your server. I know I saw it working a few days ago! So here is an easy way to test it... if this link works, then you'll know they fixed it. Bonkle.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

1 2Next

Key

	New posts		No new posts
	New posts ( popular )		No new posts ( popular )
	New posts ( sticky )		No new posts ( sticky )
	New posts ( locked )		No new posts ( locked )

%title%