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! > Recruiting Box?
1 2 3 4 5 6 7 8Next
Amos1 (New Admin) 5/12/2008 9:34 AM EST : Recruiting Box?

Amos1
Posts: 132
Posts With Wolves

Just wondering if anyone could help me figure out how to make the nifty recruiting boxes that I see on some of the pages.  I want the box to display the class icons (World of Warcraft) and the level of need for that class.  Thanks for the help.
TopBottom

Bolitash (Guild Admin) 5/12/2008 10:44 AM EST : RE: Recruiting Box?
Bolitash
Posts: 5799
Zomgawsh Poster

Hey Amos-

There are a couple different versions I've seen with very different answers- can you post a few examples of some the sites you have seen them on?
Ash | Lusty | Mablilith | Liktaina | MadchenJager | Siofrandra

walks into room | looks around slowly | ponders for a moment | runs away wildly (kiriin)
TopBottom

Amos1 (New Admin) 5/12/2008 10:59 AM EST : RE: Recruiting Box?

Amos1
Posts: 132
Posts With Wolves

I've seen a couple, all a little different, but here's a few....
http://www.guildportal.com/Guild.aspx?GuildID=135857&TabID=1155661

http://www.guildportal.com/Guild.aspx?GuildID=51848&TabID=453954

I also saw one which i can't seem to find again where there was a horizontal set of boxes above the site navigation tabs with the classes being recruited were normal, but the classes not being recruited were darker.  I'm not too particular, any of these will do, but i dont know how to go about it.  Thanks all
TopBottom

Mottie (MVP) 5/13/2008 7:47 AM EST : RE: Recruiting Box?
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Age of Conan | D&D Online | Everquest | Everquest 2 | LotRO |Warhammer | WoW round | WoW square

World of Warcraft (square icons)


Hi Amos1
For the square icon version of the recruitment box (pictured above), copy and paste the code below, while in HTML mode (), into a Free Form Text/HTML content box.

Content Box ("Free Form Text/HTML" box)
<style type="text/css">
.druid {color: #ff7d0a; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/druid.gif) no-repeat; height:18px; padding-left:20px; }
.hunter {color: #abd473; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/hunter.gif) no-repeat; height:18px; padding-left:20px; }
.mage {color: #69ccf0; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/mage.gif) no-repeat; height:18px; padding-left:20px; }
.paladin {color: #f58cba; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/paladin.gif) no-repeat; height:18px; padding-left:20px; }
.priest {color: #ffffff; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/priest.gif) no-repeat; height:18px; padding-left:20px; }
.rogue {color: #fff569; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/rogue.gif) no-repeat; height:18px; padding-left:20px; }
.shaman {color: #2459ff; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/shaman.gif) no-repeat; height:18px; padding-left:20px; }
.warlock {color: #9482ca; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/warlock.gif) no-repeat; height:18px; padding-left:20px; }
.warrior {color: #c79c6e; background: url(http://www.guildportal.com/GuildImages/WOWRosterImages/warrior.gif) no-repeat; height:18px; padding-left:20px; }
.deathknight {color: #c41e3b; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/dk.png) no-repeat; height:18px; padding-left:20px; }
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) no-repeat; height:18px; padding-left:20px;}
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) no-repeat; height:18px; padding-left:20px;}
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) no-repeat; height:18px; padding-left:20px;}
</style>
<center>
<table border="0">
<tbody><tr><td class="druid"><a class="tooltip" title="Closed">Druids</a></td><td class="nocheck">
</td></tr><tr><td class="hunter"><a class="tooltip" title="Marksman only">Hunters</a></td><td class="check">
</td></tr><tr><td class="mage"><a class="tooltip" title="Frost">Mages</a></td><td class="check">
</td></tr><tr><td class="paladin"><a class="tooltip" title="Healadins">Paladins</a></td><td class="check">
</td></tr><tr><td class="priest"><a class="tooltip" title="Shadow">Priests</a></td><td class="check">
</td></tr><tr><td class="rogue"><a class="tooltip" title="Gnomes only!">Rogues</a></td><td class="check">
</td></tr><tr><td class="shaman"><a class="tooltip" title="Elemental">Shamans</a></td><td class="check">
</td></tr><tr><td class="warlock"><a class="tooltip" title="Any">Warlocks</a></td><td class="check">
</td></tr><tr><td class="warrior"><a class="tooltip" title="Tanks">Warriors</a></td><td class="check">
</td></tr>
</tbody></table>

</center>
  • To show the status you desire, just change the class in the table to "check" (), "nocheck" () or "closed" ().

  • With the new tooltip, you can easily add popups to your class needs,basically the part in green was added around the class name. Editthe part in orange to change the tooltip comments.

    <a class="tooltip" title="Closed">Druids</a>

Edit (7/14/2008): Added the new hero class icon and color for the Wrath of the Lich King expansion. I also combined the code to make it easier to copy and paste all of it into a free form text/HTML content box as the GuildPortal editor won't delete the CSS anymore.
Edit (5/31/2009): Added a link around the class name to make it pop-up the class needs!
TopBottom

Mottie (MVP) 5/13/2008 7:52 AM EST : RE: Recruiting Box?
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Age of Conan | D&D Online | Everquest | Everquest 2 | LotRO |Warhammer | WoW round | WoW square

World of Warcraft (round icons)



This is the round icons version of the recruitment box (pictured above), updated for the Wrath of the Lich King expansion.

With the improvements in the GuildPortal editor, it is now possible to include the CSS in the Content Box (and edit the contents without losing the CSS). To add this, just paste in the code below:

Free Form Text/HTML*:
<style type="text/css">
.druid {color: #ff7d0a; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left top no-repeat; height:23px; padding-left:25px; }
.hunter {color: #abd473; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -22px no-repeat; height:23px; padding-left:25px; }
.mage {color: #69ccf0; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -44px no-repeat; height:23px; padding-left:25px; }
.paladin {color: #f58cba; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -66px no-repeat; height:23px; padding-left:25px; }
.priest {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -89px no-repeat; height:23px; padding-left:25px; }
.rogue {color: #fff569; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -112px no-repeat; height:23px; padding-left:25px; }
.shaman {color: #2459ff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -134px no-repeat; height:23px; padding-left:25px; }
.warlock {color: #9482ca; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -156px no-repeat; height:23px; padding-left:25px; }
.warrior {color: #c79c6e; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -178px no-repeat; height:23px; padding-left:25px; }
.deathknight {color: #c41e3b; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -202px no-repeat; height:23px; padding-left:25px; }
.up {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -224px no-repeat; height:23px; padding-left:25px;}
.down  {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/classes2.png) left -249px no-repeat; height:23px; padding-left:25px;}
</style>
<center>
<table border="0">
<tbody><tr><td class="druid"><a class="tooltip" title="Closed">Druids</a></td><td class="down">
</td></tr><tr><td class="hunter"><a class="tooltip" title="Marksman only">Hunters</a></td><td class="up">
</td></tr><tr><td class="mage"><a class="tooltip" title="Frost">Mages</a></td><td class="
up">
</td></tr><tr><td class="paladin"><a class="tooltip" title="Healadins">Paladins</a></td><td class="
up">
</td></tr><tr><td class="priest"><a class="tooltip" title="Shadow">Priests</a></td><td class="
up">
</td></tr><tr><td class="rogue"><a class="tooltip" title="Gnomes only!">Rogues</a></td><td class="
up">
</td></tr><tr><td class="shaman"><a class="tooltip" title="Elemental">Shamans</a></td><td class="
up">
</td></tr><tr><td class="warlock"><a class="tooltip" title="Any">Warlocks</a></td><td class="
up">
</td></tr><tr><td class="warrior"><a class="tooltip" title="Tanks">Warriors</a></td><td class="
up">
</td></tr>
</tbody></table>

</center>
  • Note: to change this class status, change "up" and "down"

  • With the new tooltip, you can easily add popups to your class needs,basically the part in green was added around the class name. Editthe part in orange to change the tooltip comments.

    <a class="tooltip" title="Closed">Druids</a>

Edit (7/14/2008): Updated this box with Death Knight Icon and color.Put the code together for easy copy and pasting straight into a freeform text/HTML content box.
Edit (5/31/2009): Added a link around the class name to make it pop-up the class needs!
TopBottom

Amos1 (New Admin) 5/15/2008 7:16 AM EST : RE: Recruiting Box?

Amos1
Posts: 132
Posts With Wolves

Awesome thanks! 

I noticed that you used an image stored on the guildportal site.. http://www.guildportal.com/GuildImages/WOWRosterImages/rogue.gif for example.

Is there a way to see the various images available?  I tried to go to http://www.guildportal.com/GuildImages but it said i didnt have access (but I am a subscriber).  Maybe there is just a list of available images somewhere, which is fine.
TopBottom

Mottie (MVP) 5/15/2008 12:10 PM EST : RE: Recruiting Box?
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

LOL Actually, I used the images that they used from the first link you posted. I didn't want to steal their bandwidth so I re-hosted some of them on photobucket. Hopefully, photobucket won't care that I posted images hosted on their site, but I'd still recopy the images to somewhere else just in case.

And about those class images, those are used in the roster tab. I don't think there are any thing else there but the class images as seen on the roster
TopBottom

Darknraged (Guild Admin) 5/30/2008 9:24 AM EST : RE: Recruiting Box?
Darknraged
Posts: 93
Posts With Wolves

i am unsure how to make a box labelled Guild recruitment.... if someone could let me know how this is done that would make it easier for me

TopBottom

Pentamorous (New Admin) 5/30/2008 9:35 AM EST : RE: Recruiting Box?
Pentamorous
Posts: 2317
Zomgawsh Poster

Darknraged said:
i am unsure how to make a box labelled Guild recruitment.... if someone could let me know how this is done that would make it easier for me


From the admin control panel, select 'site pages', then select the page you want to add content to.

Click the 'add content' link, and choose "Free Form Text/HTML" as the content type.

You can title the content box anything you want.
TopBottom

Darknraged (Guild Admin) 5/30/2008 9:43 AM EST : RE: Recruiting Box?
Darknraged
Posts: 93
Posts With Wolves

ok hehe thank you, now i have a box. but it seems to be empty. i think i put everything where it is supposed to be and so far i have come up with a box not titled what i want and it seems to be missing something or a box with nothing in it

TopBottom

1 2 3 4 5 6 7 8Next
Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%