cr chart: “serifed”

[terra]

This is a simple styled table that can be used as a CR chart or a muselist.

Live Preview

username1	username2	username3
Character Name 1 — Flavor Text —	Character Name 2 — Flavor Text —	Character Name 3 — Flavor Text —
Cras at dolor purus. Aenean et eros elit, ac viverra nibh. Morbi egestas urna tincidunt massa malesuada eu consequat diam tempor. Cras cursus risus id tortor consectetur sit amet feugiat dolor cursus.	Phasellus vitae luctus tellus. Nam dapibus semper felis, vitae interdum metus sollicitudin sit amet. Praesent vitae purus mauris. Aenean a lectus justo. Ut arcu ligula, laoreet in convallis a, pharetra ac ligula.	Nam eget arcu risus, eu fringilla purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id odio nisi. Mauris blandit auctor massa in bibendum.

Code get!

<raw-code> <center> <table style="background: #fff; font: 14px 'Bell MT', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; border: 15px solid #fff; line-height: 150%; width: 630px;"> <tr style="font-size: 16px; font-style: italic; text-transform: uppercase;"> <th style="font-weight: normal; width: 33%; padding-bottom: 5px; text-align: center;"> <a href="" style="color: #000; text-decoration: none;">username1</a> </th> <th style="font-weight: normal; width: 33%; padding-bottom: 5px; text-align: center;"> <a href="" style="color: #000; text-decoration: none;">username2</a> </th> <th style="font-weight: normal; width: 33%; padding-bottom: 5px; text-align: center;"> <a href="" style="color: #000; text-decoration: none;">username3</a> </th> </tr> <tr style="text-align: center;"> <td> <img src="USERICON1" style="border: 15px solid #f6f6f6; padding: 1px;" alt="" /> </td> <td> <img src="USERICON2" style="border: 15px solid #f6f6f6; padding: 1px;" alt="" /> </td> <td> <img src="USERICON3" style="border: 15px solid #f6f6f6; padding: 1px;" alt="" /> </td> </tr> <tr style="text-align: center; font-size: 9px; line-height: 140%; letter-spacing: 1px; text-transform: uppercase;"> <td style="padding: 10px 0 0 0;"> Character Name 1<br /> — <i>Flavor Text</i> — </td> <td style="padding: 10px 0 0 0;"> Character Name 2 <br /> — <i>Flavor Text</i> — </td> <td style="padding: 10px 0 0 0;"> Character Name 3 <br /> — <i>Flavor Text</i> — </td> </tr> <tr style="text-align: justify; vertical-align:top;"> <td style="padding: 5px 10px;"><!--text under username1--> Cras at dolor purus. Aenean et eros elit, ac viverra nibh. Morbi egestas urna tincidunt massa malesuada eu consequat diam tempor. Cras cursus risus id tortor consectetur sit amet feugiat dolor cursus. </td> <td style="padding: 5px 10px;"><!--text under username2--> Phasellus vitae luctus tellus. Nam dapibus semper felis, vitae interdum metus sollicitudin sit amet. Praesent vitae purus mauris. Aenean a lectus justo. Ut arcu ligula, laoreet in convallis a, pharetra ac ligula.</td> <td style="padding: 5px 10px;"><!--text under username3--> Nam eget arcu risus, eu fringilla purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id odio nisi. Mauris blandit auctor massa in bibendum. </td> </table></center></raw-code>

Comments

[narwhaling]

Thank you for sharing! I'll definitely be using and crediting. I appreciate the simple yet very easy to use style as someone who sucks with html haha.