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

0
Like

0
Dislike

Age of Conan (AoC)



Content Box "Free Form Text/HTML" (How to add HTML)
<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px;}
.assassin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left top no-repeat; height:18px; padding-left:20px; }
.barbarian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -18px no-repeat; height:18px; padding-left:20px; }
.bearshaman {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -36px no-repeat; height:18px; padding-left:20px; }
.conqueror {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -54px no-repeat; height:18px; padding-left:20px; }
.darktemplar {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -72px no-repeat; height:18px; padding-left:20px; }
.demonologist {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -90px no-repeat; height:18px; padding-left:20px; }
.guardian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -108px no-repeat; height:18px; padding-left:20px; }
.heraldofxotli {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -126px no-repeat; height:18px; padding-left:20px; }
.necromancer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -144px no-repeat; height:18px; padding-left:20px; }
.priestofmitra {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -162px no-repeat; height:18px; padding-left:20px; }
.ranger {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left -180px no-repeat; height:18px; padding-left:20px; }
.tempestofset {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aocclasses.gif) left bottom no-repeat; height:18px; padding-left:20px; }
.classhd {text-align:center; color:#ffcc00; font-weight:bold; }
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:18px; padding-left: 20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:18px; padding-left: 20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:18px; padding-left:20px;}
</style>
<center>
<table class=recruitbx>
<tbody><tr>
</td></tr><tr><td colspan=2 class=classhd>Soldier
</td></tr><tr><td class="conqueror">Conqueror</td><td class="check">
</td></tr><tr><td class="darktemplar">Dark Templar</td><td class="check">
</td></tr><tr><td class="guardian">Guardian</td><td class="check">

</td></tr><tr><td colspan=2 class=classhd>Priest
</td></tr><tr><td class="bearshaman">Bear Shaman</td><td class="check">
</td></tr><tr><td class="priestofmitra">Priest of Mitra</td><td class="check">
</td></tr><tr><td class="tempestofset">Tempest of Set</td><td class="check">

</td></tr><tr><td colspan=2 class=classhd>Rogue
</td></tr><tr><td class="assassin">Assassin</td><td class="closed">
</td></tr><tr><td class="barbarian">Barbarian</td><td class="check">
</td></tr><tr><td class="ranger">Ranger</td><td class="check">

</td></tr><tr><td colspan=2 class=classhd>Mage
</td></tr><tr><td class="demonologist">Demonologist</td><td class="check">
</td></tr><tr><td class="heraldofxotli">Herald of Xotli</td><td class="check">
</td></tr><tr><td class="necromancer">Necromancer</td><td class="check">

</td></tr>
</tbody></table>
</center>
Customizing the code above
  • To change the class availability from open to closed, just edit the content box text that is blue.
  • 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 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.
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%