Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : WH > Recruitment
Mottie (SuperAdmin) 1/5/2011 12:20 PM EST : Recruitment
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Warhammer Online

 Order  Destruction
 
 

Order Content Box "Free Form Text/HTML"
<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px;}
.classhd {color:#ffcc00; font-weight:bold; text-align:center;}
.ironbreaker {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-ironbreaker.gif) no-repeat; height:20px; padding-left:26px; }
.runepriest {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-runepriest.gif) no-repeat; height:20px; padding-left:26px; }
.engineer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-engineer.gif) no-repeat; height:20px; padding-left:26px; }
.brightwizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-brightwizard.gif) no-repeat; height:20px; padding-left:26px; }
.warriorpriest {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-warriorpriest.gif) no-repeat; height:20px; padding-left:26px; }
.witchhunter {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-witchhunter.gif) no-repeat; height:20px; padding-left:26px; }
.swordmaster {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-swordmaster.gif) no-repeat; height:20px; padding-left:26px; }
.shadowwarrior {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-shadowwarrior.gif) no-repeat; height:20px; padding-left:26px; }
.archmage {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-archmage.gif) no-repeat; height:20px; padding-left:26px; }
.whitelion {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-whitelion.gif) no-repeat; height:20px; padding-left:26px; }
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:20px; padding-left:20px;}
</style>
<center>
<table class=recruitbx>
<tbody><tr><td colspan=2 class="classhd">Dwarves
</td></tr><tr><td class="ironbreaker">Ironbreaker</td><td class="check">
</td></tr><tr><td class="runepriest">Rune Priest</td><td class="check">
</td></tr><tr><td class="engineer">Engineer</td><td class="check">
</td></tr><tr><td colspan=2 class="classhd">Human/Empire
</td></tr><tr><td class="brightwizard">Bright Wizard</td><td class="check">
</td></tr><tr><td class="warriorpriest">Warrior Priest</td><td class="check">
</td></tr><tr><td class="witchhunter">Witch Hunter</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">High Elves
</td></tr><tr><td class="swordmaster">Swordmaster</td><td class="closed">
</td></tr><tr><td class="shadowwarrior">Shadow Warrior</td><td class="check">
</td></tr><tr><td class="archmage">Archmage</td><td class="check">
</td></tr><tr><td class="whitelion">White Lion</td><td class="check">
</td></tr>
</tbody></table>
</center>
Destruction Content Box "Free Form Text/HTML"
<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px; width:150px;}
.classhd {color:#ffcc00; font-weight:bold; text-align:center;}
.blackorc {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-blackorc.gif) no-repeat; height:20px; padding-left:26px; }
.shaman {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-shaman.gif) no-repeat; height:20px; padding-left:26px; }
.squigherder {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-squigherder.gif) no-repeat; height:20px; padding-left:26px; }
.chosen {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-chosen.gif) no-repeat; height:20px; padding-left:26px; }
.marauder {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-marauder.gif) no-repeat; height:20px; padding-left:26px; }
.zealot {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-zealot.gif) no-repeat; height:20px; padding-left:26px; }
.magus {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-magus.gif) no-repeat; height:20px; padding-left:26px; }
.sorceress {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-sorceress.gif) no-repeat; height:20px; padding-left:26px; }
.disciple {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-disciple.gif) no-repeat; height:20px; padding-left:26px; }
.witchelf {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wh-witchelf.gif) no-repeat; height:20px; padding-left:26px; }
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:20px; padding-left:20px;}
</style>
<center>
<table class=recruitbx>
<tbody><tr><td colspan=2 class="classhd">Greenskins
</td></tr><tr><td class="blackorc">Black Orc</td><td class="check">
</td></tr><tr><td class="shaman">Shaman</td><td class="check">
</td></tr><tr><td class="squigherder">Squig Herder</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Human/Chaos
</td></tr><tr><td class="chosen">Chosen</td><td class="check">
</td></tr><tr><td class="marauder">Marauder</td><td class="check">
</td></tr><tr><td class="zealot">Zealot</td><td class="check">
</td></tr><tr><td class="magus">Magus</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Dark Elves
</td></tr><tr><td class="sorceress">Sorceress</td><td class="closed">
</td></tr><tr><td class="disciple">Disciple</td><td class="check">
</td></tr><tr><td class="witchelf">Witch Elf</td><td class="check">
</td></tr>
</tbody></table>
</center>
Customizing the code
  • To change the style of the box (background or border), edit the CSS that is in red.
  • To change the color of the class archetype (Class header), edit the CSS in green.
  • To change the color of the class name in the table, edit the CSS and change the color from #ffffff for that class to your desired color (in orange).
  • To change the class availability from open to closed, just edit the content box text that is blue.
Other stuff
  • The icons above are 20x20 pixels, they are pretty darn small, so I also uploaded a set that is 40x40. Right click on the image below and pick "save as". LOL but these may make the recruitment box too big *shrug*
  • If you want to use these icons instead of the 20x20, change all the CSS above as follows:

    height:40px; padding-left:46px;

  • I also found class archtype icons from somewhere, I've included those in the first column of the icons below. They are much larger than they appear.

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%