cawaii | 16th: obsidian (Reply)

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>

<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>

<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>

In case you want to turn the text in the black boxes into links...

16th: obsidian

Post a comment in response: