Custom HTML Infobox | |
---|---|
Original Creator | Heliosanctus |
Also see the Wiki-Text Infobox!
As the name suggests, this infobox is the html version, replacing all of the wiki-text code with its html equivalent.
This infobox is preferred to the wiki-text infobox, although the wiki-text infobox is easier for beginners.
The biggest benefits of this infobox over the wiki-text infobox are
- It doesn't use the obsolete
cellpadding=""
attribute - It can be used on websites other than Fandom's, for the most part. As it is html, it should be able to be placed in any html code and still show up properly. The image will need to be changed to the html equivalent, but aside from that, it should work properly.
<table style="float:right; width:258px; margin:0 0 7px 14px; border-collapse:collapse; background:#fff; border:1px solid #999; line-height:1.5; color:#000; font-size:smaller;"><tr> <th colspan="2" style="background:#ddd; border-bottom:1px solid #999; font-size:larger; padding:4px; text-align:center;">type name here</th></tr> <tr style="border-bottom:1px solid #999;"><th colspan="2" style="padding:0;">[[File:Blankicon.png|258px]]</th></tr> <tr> <td style="padding:4px;"><b>Artist</b></td> <td style="padding:4px;">type here</td> </tr> <tr><th colspan="2" style="background:#ddd; border-bottom:1px solid #999; border-top:1px solid #999; padding:4px; text-align:center;">Background Information</th></tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Creator</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Main Attribute</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Elemental Attribute</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Theme Animal</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Theme Color</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Theme Song</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>MBTI Personality</b></td> <td style="padding:4px;">type here</td> </tr> <tr><th colspan="2" style="background:#ddd; border-bottom:1px solid #999; padding:4px; text-align:center;">Character Information</th></tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Age</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Gender</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Orientation</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Occupation</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Tribe</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Goal</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Residence</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Relatives</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Allies</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Enemies</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Likes</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Dislikes</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Powers and abilities</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Weapons</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Ships</b></td> <td style="padding:4px;">type here</td> </tr> <tr style="border-bottom:1px solid #999;"> <td style="padding:4px;"><b>Quote</b></td> <td style="padding:4px;">type here</td> </tr> </table>