M&M HTML Character Sheet for Blogs Rev 1.0

Have an M&M fan Web site? Find a great place to get superhero miniatures? Have miniature conversion tips or any other resources like that? Put 'em in here.
User avatar
WayneLigon
Fanatic
Fanatic
Posts: 943
Joined: Sat Aug 16, 2003 8:41 am
Location: Montgomery, AL

M&M HTML Character Sheet for Blogs Rev 1.0

Postby WayneLigon » Sat May 24, 2008 10:04 pm

I found myself wanting a chunk of HTML I could drop into a blog entry and have it all come out looking right. This is Attempt 1.0.

Yes, it is bloated and chunky, with no <style> section. The reason for that is that Wordpress at least doesn't recognize anything except straight inline style items. You have to purchase the 'Customize CSS' upgrade to (presumably) add in classes and such. Otherwise, the code would be MUCH smaller and cleaner.

Next up: Adding the simple boxes below for the powers, feats, etc.

Problems: For some reason, the stat boxes don't line up correctly with the top table. I don't know why, right off.

Code: Select all

<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr bgcolor="#ff9900">
<td style="font-weight:bold;font-size:14pt;width:175px;font-family:Arial;padding:2px 2px 2px 6px;" align="left">Hero Name</td>
<td style="font-weight:bold;font-size:14pt;width:175px;font-family:Arial;padding:2px 6px 2px 2px;" align="right">PL nn</td>
</tr>
<tr style="background-color:none;">
<td style="background-color:#FFFFFF;height:4px;"> </td>
</tr>
<tr style="color:#000000;font-family:Arial;font-size:10pt;background-color:#ff9900;">
<td style="padding:2px 2px 2px 6px;" colspan="2" width="350" valign="top"><strong>Real Name:</strong> John Smith</td>
</tr>
<tr style="color:#000000;font-family:Arial;font-size:10pt;background-color:#ffcc99;">
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Identity:</strong> Secret</td>
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Occupation:</strong> Superhero</td>
</tr>
<tr style="color:#000000;font-family:Arial;font-size:10pt;background-color:#ff9900;">
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Base of Operations:</strong> Big Town USA</td>
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Affiliation:</strong> The Super Squad</td>
</tr>
<tr style="color:#000000;font-family:Arial;font-size:10pt;background-color:#ffcc99;">
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Height:</strong> 6'0"</td>
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Eyes:</strong> Brown</td>
</tr>
<tr style="color:#000000;font-family:Arial;font-size:10pt;background-color:#ff9900;">
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Weight:</strong> 170</td>
<td style="width:175px;padding:2px 2px 2px 6px;" valign="top"><strong>Hair:</strong> Brown</td>
</tr>
<tr style="background-color:none;">
<td style="background-color:#FFFFFF;height:4px;"> </td>
</tr>
</tbody></table>
<table style="border-collapse:collapse;width:358px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="font-size:10pt;color:#ffffff;font-family:Arial;font-weight:bold;">
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">STR</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">DEX</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">CON</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">INT</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">WIS</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#000000;text-align:center;padding:2px 2px 2px 2px;">CHA</td>
</tr>
<tr style="font-size:10pt;color:#000000;font-family:Arial;font-weight:bold;">
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ffcc99;text-align:center;padding:2px 2px 2px 2px;">+1</td>
</tr>
<tr style="font-size:10pt;color:#000000;font-family:Arial;font-weight:bold;">
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">10/50</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">12</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">12</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">12</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">12</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td style="width:53px;background-color:#ff9900;text-align:center;padding:2px 2px 2px 2px;">12</td>
</tr>
</tbody></table>
<table style="width:358px;" border="0" cellpadding="0">
<tbody>
<tr style="background-color:none;">
<td style="background-color:#FFFFFF;height:4px;"> </td>
</tr>
</tbody></table>
<table style="border-collapse:collapse;width:358px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="font-size:10pt;color:#ffffff;font-family:Arial;font-weight:bold;">
<td width="7"> </td>
<td width="80" align="center" bgcolor="#000000">Toughness</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#000000">Fortitude</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#000000">Reflex</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#000000">Will</td>
</tr>
<tr style="font-size:10pt;color:#000000;font-family:Arial;font-weight:bold;">
<td width="7"> </td>
<td width="80" align="center" bgcolor="#ffcc99">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#ffcc99">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#ffcc99">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
<td width="80" align="center" bgcolor="#ffcc99">+1</td>
<td style="width:8px;padding:2px 2px 2px 2px;"> </td>
</tr>
</tbody></table>

User avatar
Tymothi
Groupie
Groupie
Posts: 86
Joined: Thu Mar 16, 2006 4:19 pm
Location: Located in the vast desert of Arizona
Contact:

Postby Tymothi » Wed Jun 04, 2008 6:07 pm

there are several hosting companies, which offer the full version of wordpress.. the one I work for GoDaddy offers it for thier linux hosting.. you may want to check that out to do customized CSS


Return to “Fan Resources”



Who is online

Users browsing this forum: No registered users and 2 guests