16th: obsidian

[yanyan]

I said I'd get this done over the weekend, but real life things came up and school's starting soon. Anyway, here's a simple info table.

Yozora Mikazuki I'm talking to my friend. My air friend! Canon Boku wa Tomodachi ga Sukunai Username girlmemo Game hollyheights

Age 16 Height 5'3" Origin Hokkaido Likes books, cats Dislikes people, carbonated drinks Personality awful

CODE
<raw-code><table> <tr> <!--LEFT--> <td style="width: 300px;"> <img src="IMAGE URL HERE" align="left" style="position: relative; top: 42px; height: 48px; width: 48px; border: 5px solid #000; box-shadow: 2px 2px 4px #000;"> <table style="width: 100%;"> <tr><td style="background: #000;"><span style="font-family: 'segoe ui', calibri, verdana, sans-serif; font-size: 14px; color: #fff; margin-left: 60px;">Name</span></td></tr> <tr><td style="height: 30px;"><span style="font-family: 'segoe ui', calibri, verdana, sans-serif; font-size: 10px; color: #000; margin-left: 60px;">Insert text here.</span></td></tr> </table> <table style="width: 100%; font-family: 'segoe ui', calibri, verdana, sans-serif; font-size: 12px;"> <tr style="border-bottom: 1px solid #000;"> <td style="width: 33%; text-transform: uppercase; letter-spacing: 0.1em;">Canon</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Series Title</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="width: 33%; text-transform: uppercase; letter-spacing: 0.1em;">Username</td> <td style="background: #000; color: #fff; padding: 0px 4px;">username here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="width: 33%; text-transform: uppercase; letter-spacing: 0.1em;">Game</td> <td style="background: #000; color: #fff; padding: 0px 4px;">game here</td> </tr> </table> </td> <!--RIGHT--> <td style="width: 300px;"> <table style="width: 100%; font-family: 'segoe ui', calibri, verdana, sans-serif; font-size: 12px;"> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> <tr style="border-bottom: 1px solid #000;"> <td style="text-transform: uppercase; letter-spacing: 0.1em;">Text</td> <td style="background: #000; color: #fff; padding: 0px 4px;">Text here</td> </tr> </table> </td> </tr> </table></raw-code> <small>code by <user name=cawaii></small>

In case you want to turn the text in the black boxes into links...
<a href="LINK HERE" style="text-decoration: none;"><span style="color: #fff;">text here</span></a>

Comments

[(Anonymous)]

heeey i requested this be posted

ty cutie

[yanyan]

You're welcome!

[je_ri_cho]

I'm adoring all of your codes, but this one's especially lovely. It's so nice and clean.

[bramblepatch]

Oh lovely! I'm snagging it for a muselist, thank you!