Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > WoW Recruit Needs (using Talent Trees)
LemonAOS (New Admin) 1/8/2011 10:36 PM EST : RE: WoW Recruit Needs (using Talent Trees)

LemonAOS
Posts: 41
Becoming Adept!

I just tried using this code and it works fine... I just can't get the recruitment icons that I don't need to fade out... How do I fix this?
TopBottom

Mottie (MVP) 1/9/2011 2:57 AM EST : RE: WoW Recruit Needs (using Talent Trees)
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi LemonAOS!

I just looked at your site and it appears to be working for me - even in IE!... I guess you figured out the problem?
TopBottom

xBlazinx (Guild Admin) 1/15/2011 6:31 PM EST : RE: WoW Recruit Needs (using Talent Trees)
xBlazinx
Posts: 177
Posts With Wolves

I really liked this feature on our guild site. Unfortunately, our old guild site admin who put massive amount of effort into making this available to our website is now unable to give us a copy of how she did it, so I am now in charge of the guild site. Being said that, I deleted the widget by accident and cannot put it back up due to lack of coding knowledge. Is there any way that you could provide us with some kind of sample to just copy and paste for folks like me who knows nothing about coding? Thanks in advance.
----------------------------------------------------------
Photobucket
TopBottom

Mottie (MVP) 1/15/2011 7:24 PM EST : RE: WoW Recruit Needs (using Talent Trees)
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi xBlazinx!

The first post in this thread should have all the instructions (step-by-step) on how to add this code to a free form text/HTML type widget, you shouldn't need to know how to code at all. If you get stuck at any point, please drop me a line for help and to help me improve my instructions.
TopBottom

LemonAOS (New Admin) 2/19/2011 10:24 PM EST : RE: WoW Recruit Needs (using Talent Trees)

LemonAOS
Posts: 41
Becoming Adept!

Yes I got it to work, took a while to figure it out but thanks and sorry for the late reply but I do have another question. Is it possible to put more than 1 recruitment box up?
TopBottom

Mottie (MVP) 2/20/2011 9:16 AM EST : RE: WoW Recruit Needs (using Talent Trees)
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi LemonAOS!

Yes, you can... you just need to add another <div> with a different name, then add another line in the code to point to it, like this:
<div class="recruitTitle">Recruitment Needs</div>
<div class="recruitTalent"></div>
<!-- add a space and another recruit box -->
<br>

<div class="recruitTalent"></div>

<link rel="stylesheet" href="http://www.axiomfiles.com/Files/258012/wowtalents.css" type="text/css" />
<script src="http://www.axiomfiles.com/Files/258012/wowtalents.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.recruitTalent:first').wowTalents();
  $('.recruitTalent:last').wowTalents(); // point to the last/second recruit box
})
</script>
I had to go back and edit this, I kept the same class name, but made the script point at the different ones because with different names, you'd have to change the css too!
TopBottom

LemonAOS (New Admin) 2/24/2011 11:57 PM EST : RE: WoW Recruit Needs (using Talent Trees)

LemonAOS
Posts: 41
Becoming Adept!

I'm not sure I understand. I'm really new at this stuff. I've been trying but I don't understand what you mean by the second part of directing it to box 1 or 2.
TopBottom

Mottie (MVP) 2/25/2011 12:13 AM EST : RE: WoW Recruit Needs (using Talent Trees)
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi LemonAOS!

if you look at the code, you'll see ":first" and ":last". This is the part of the code that tells it which recruit box to point to, all you really need to do is add the options to each box to show the needs.
$(document).ready(function(){
  $('.recruitTalent:first').wowTalents(options);
  $('.recruitTalent:last').wowTalents(options); // point to the last/second recruit box
})
If you get stuck at any point, just hollar at me and I'll take a look.
TopBottom

LemonAOS (New Admin) 2/25/2011 12:17 AM EST : RE: WoW Recruit Needs (using Talent Trees)

LemonAOS
Posts: 41
Becoming Adept!

how exactly do you "point" ? and one of the recruitment boxes has an extra row of DK icons.
TopBottom

Mottie (MVP) 2/25/2011 1:16 PM EST : RE: WoW Recruit Needs (using Talent Trees)
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi LemonAOS!

Ok I see the problem! You're using the old talent tree script with the newer one. Mixing both is why there is an extra talent box and extra icons. Replace everything inside that free form text/HTML with the following:
<link rel="stylesheet" href="http://www.axiomfiles.com/Files/258012/wowtalents.css" type="text/css" />
<style type="text/css">
 /* overall box style */
 .recruitTitle { text-align: center; font-size:130%; }
 #recruitTalent { margin: 0 auto; width: 250px; }
 /* color used in tooltips (works for text and background) */
 .high { color: #0f0; }
 .medium { color: #ff0; }
 .low { color: #f00; }
 .none { color: #999; }
 /* text color when colorBackground is true */
 .usebg { color: #fff; }
 /* opacity used on images */
 img.high { opacity: 1; filter: alpha(opacity=100); }
 img.medium { opacity: 1; filter: alpha(opacity=100); }
 img.low { opacity: 1; filter: alpha(opacity=100); }
 img.none { opacity: .25; filter: alpha(opacity=25); }
 /* ".classIcon" contains the icon and text, ".classIcon span" only contains the class name text */
 .classIcon { width:25%; }
 .classIcon span { padding-left: 2px; }
 /* contains all 3 talent tree icons */
 .talentIcons { width: 25%; text-align: right; }
 .classIcon img, .talentIcons img { vertical-align: top; }
</style>

<div class="recruitTitle">PvP Recruitment</div>
<div class="recruitTalent"></div>

<div class="recruitTitle">WDR Recruitment</div>
<div class="recruitTalent"></div>

<script src="http://www.axiomfiles.com/Files/258012/wowtalents.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 // PvP Recruitment
 $('.recruitTalent:first').wowTalents({
  colorBackground: "false",
  defaultNeed: "None",
  deathknight : "H,x,x",
  druid : "x,H,x",
  hunter: "x,x,x",
  mage : "x,x,H",
  priest : "x,x,x",
  paladin : "H,x,x",
  rogue : "x,x,x",
  shaman : "x,x,H",
  warlock : "x,x,x",
  warrior : "m,m,m"
 });
 // WDR Recruitment
 $('.recruitTalent:last').wowTalents({
  colorBackground: "false",
  defaultNeed: "None",
  deathknight : "L,x,x",
  druid : "x,H,x",
  hunter: "x,x,x",
  mage : "x,m,x",
  priest : "m,m,x",
  paladin : "m,m,x",
  rogue : "x,x,x",
  shaman : "x,x,x",
  warlock : "l,l,l",
  warrior : "m,x,m"
 });
});
</script>
Also, there is some HTML in your custom jquery (Control Panel > Custom HTML & Script > Custom Javascript/JQuery > Ready Event) that should be removed because it is causing errors on your site.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%