Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Archive > WoW 3D Armory View Box
Mottie (SuperAdmin) 5/24/2009 12:39 PM EST : WoW 3D Armory View Box
ACK!
Mottie
Posts: 3883

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) **

<style type="text/css">
#myArmory { margin: 0 auto; text-align: center; }
#charName a { font-size:120%; font-weight:bold; color:#ffcc00; }
#charTitle { font-size:110%; color:#dddddd; }
.toon_layer {display:none;}
.toon_layer object, .charBoxBar { outline: 0; }
</style>
<div id="myArmory"></div>
<script src="http://www.wowhead.com/widgets/power.js"></script>
<script src="http://www.axiomfiles.com/Files/258012/armory-min.js" type="text/javascript"></script>
<script type="text/javascript">
var char = [];
// Add more characters as follows
// char.push(['NAME','TITLE','3D ARMORY INFO','IMAGE OR TEXT LINK']);


char.push(['Wubie','Guild Leader','us/durotan/wubie','<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/shaman.png">']);
char.push(['Mottie','Silly Priest','us/durotan/mottie','<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/priest.png">']);
char.push(['Motty','Officer','us/durotan/motty','<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/druid.png">']);

$('#myArmory').armory(char);
</script>

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
TopBottom

Dethmaul (Member) 6/4/2009 3:51 PM EST : RE: WoW 3D Armory View Box
Dethmaul
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?


TopBottom

Mottie (SuperAdmin) 6/4/2009 6:11 PM EST : RE: WoW 3D Armory View Box
ACK!
Mottie
Posts: 3883

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
TopBottom

Dethmaul (Member) 6/4/2009 6:48 PM EST : RE: WoW 3D Armory View Box
Dethmaul
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.
TopBottom

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

Colypso911
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.
TopBottom

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
TopBottom

Mottie (SuperAdmin) 6/7/2009 9:49 AM EST : RE: WoW 3D Armory View Box
ACK!
Mottie
Posts: 3883

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
TopBottom

Mottie (SuperAdmin) 6/7/2009 8:54 PM EST : RE: WoW 3D Armory View Box
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Colypso911 said:
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.


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
TopBottom

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

TopBottom

Mottie (SuperAdmin) 6/9/2009 10:48 PM EST : RE: WoW 3D Armory View Box
ACK!
Mottie
Posts: 3883

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
TopBottom

 
 
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 )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%