code | big data

[manual]

ISAAC LAHEY TEEN WOLF dogtooth

SIMPLE VERSION
<table style="font-family: helvetica, sans-serif; font-size: 8pt; line-height: 2; letter-spacing: 1pt; text-transform: uppercase;"><tr><td width="140" align="center"><img src="IMGURL" style="width: 80px; height: 80px; border-radius: 15px; border: 1px solid #ccc; box-shadow: #ccc 2px 2px 1px;"><br /><b>CHARACTERNAME</b><br />CANON<br /><small><i>USERNAME</i></small></td></tr></table>

- - -

ISAAC LAHEY TEEN WOLF dogtooth

MODERATE VERSION
<table style="font-family: helvetica, sans-serif; font-size: 8pt; line-height: 2; letter-spacing: 1pt; text-transform: uppercase;"><tr><td width="90" align="center"><img src="IMGURL" style="width: 80px; height: 80px; border-radius: 15px; border: 1px solid #ccc; box-shadow: #ccc 2px 2px 1px;"></TD><td width="110" align="justify" style="vertical-align: middle;"><b>CHARACTERNAME</b><br />CANON<br /><small><i>USERNAME</i></small></td></tr></table>

- - -

isaac lahey TEEN WOLF (AU) dogtooth

DIVCEPTION VERSION
<table style="font-size: 9pt; font-family: raavi, helvetica, sans-serif; color: #000; line-height: 14pt; text-transform: uppercase;"><tr><td width="260px"><div style="width: 260px; height: 120px; text-align: left; border: solid 1px #aaa; border-radius: 20px 20px 20px 20px; box-shadow: #ccc 2px 2px 1px; display: inline-block;"><div style="height: 80px; width: 80px; background: url(IMGURL); margin-left: 16px; margin-top: 16px; padding: 5px; border-radius: 20px 20px 20px 20px; box-shadow: #ccc 2px 2px 1px;"></div><div style="width: 120px; height: 100px; padding: 20px 10px 0px 10px; float: left; margin-top: -106px; margin-left: 125px; border-left: 1px solid #ccc;">CHARACTERNAME<br /><b>CANON</b><br /><small><a href="LINKURL" style="text-decoration: none;"><font color="#191919"><i>USERNAME</i></font></a></div></div></td></tr></table>

Comments

[thatoldthatkind]

Very simple and lovely! Using for a few tables on this journal. :)

[jumpiness]

i see a re-code of my muselist in the near future.

[firelotus]

I really like these, and I especially like the first one.

However, since I know zero things about coding... If I, for example, want three or four, possibly five characters on the same row, how do I do that? Because they keep ending up one on each row and I don't know how to change that.

[manual]

It's pretty easy!

First, copy the part highlighted. The important part is that it starts with < td > - without spaces - and ends in < /td >. Everything else between it can be variable:


Next, look for this:


And paste everything you copied directly before it:


For a new row, just extend your copied text to include < tr > all the way to < /tr > and paste directly before < /table >.

[firelotus]

Thank you, that's very helpful.

[pinikir]

Thank you for this! I used a blend of the different designs to do this. I am super pleased with the result!

[manual]

I'm glad you liked it! Thanks for commenting. :)

[jeilovesyou]

Thank you for this! Very simple and pretty.

[teenylittlesuperguy]

I used the final code, thank you very much.