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

0
Like

0
Dislike

Dungeons & Dragons Online (DDO)



Content Box "Free Form Text/HTML" (How to add HTML)
<style type="text/css">
.barbarian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -29px no-repeat; height:30px; padding-left:34px; }
.bard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -59px no-repeat; height:30px; padding-left:34px; }
.cleric {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -89px no-repeat; height:30px; padding-left:34px; }
.fighter {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -119px no-repeat; height:30px; padding-left:34px; }
.monk {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -149px no-repeat; height:30px; padding-left:34px; }
.paladin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -179px no-repeat; height:30px; padding-left:34px; }
.ranger {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -209px no-repeat; height:30px; padding-left:34px; }
.rogue {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -239px no-repeat; height:30px; padding-left:34px; }
.sorcerer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -269px no-repeat; height:30px; padding-left:34px; }
.wizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -299px no-repeat; height:30px; padding-left:34px; }
.open {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -329px no-repeat; height:30px; padding-left:34px;}
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -359px no-repeat; height:30px; padding-left:34px;}
</style>
<center>
<table border="0">
<tbody><tr><td class="barbarian">Barbarian</td><td class="closed">
</td></tr><tr><td class="bard">Bard</td><td class="open">
</td></tr><tr><td class="cleric">Cleric</td><td class="open">
</td></tr><tr><td class="fighter">Fighter</td><td class="open">
</td></tr><tr><td class="monk">Monk</td><td class="open">
</td></tr><tr><td class="paladin">Paladin</td><td class="open">
</td></tr><tr><td class="ranger">Ranger</td><td class="open">
</td></tr><tr><td class="rogue">Rogue</td><td class="open">
</td></tr><tr><td class="sorcerer">Sorcerer</td><td class="open">
</td></tr><tr><td class="wizard">Wizard</td><td class="open">
</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.

If you want to change the color of the class name in the table, just edit the CSS and change the color from #ffffff for that class to your desired color (inorange).

If you want to use your own images, copy the CSS from the first post for "small square icons version"** and change the URL, height and padding-left to match your  URL, height and width of your image. 
** The reason I told you to not use the code above is because it uses a single image to display all the classes, it points to the part of the image it wants to display by using "top", "left" and "-XX px" in the CSS... so it would be easier for you to use the small square icons version CSS than to edit out all the extra elements in the code above.
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%