{ 2: muse list/cr chart } midnight.

[vital]

TITLE GOES HERE。

NAME GOES HERE. username / some link / whatever you want goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.

NAME GOES HERE. username / some link / whatever you want goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.

NAME GOES HERE. username / some link / whatever you want goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.

some。extra。links。credit。

<center><table width="800" cellpadding="5" cellspacing="0"><tr><td width="800" align="justify"><div align="center" style="background: url('http://i.imgur.com/Wj3SG.jpg');"><span style="font-family: georgia; font-size: 25pt; padding: 5px;"><font color="#ffffff">TITLE GOES HERE。</font></span></div> </td></tr> <tr><td align="justify" width="800" valign="top"><span style="float: left; padding: 5px;"><img style="border: 1px solid rgb(221, 221, 221); padding: 4px;" src="IMAGE URL" border="0"></span><div align="justify" style="width: 800;" valign="top"><span style="font-family: georgia; font-size: 13pt; padding: 5px;"><font color="#303030"><i>NAME GOES HERE.</i></font></span> <small><a href="LINK"><font color="#000000">username / some link / whatever you want goes here.</font></a></small> <div align="justify" style="width: 750;"><font face="georgia"><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.</small></font></div></div> </td></tr> <tr><td align="justify" width="800" valign="top"><span style="float: left; padding: 5px;"><img style="border: 1px solid rgb(221, 221, 221); padding: 4px;" src="IMAGE URL" border="0"></span><div align="justify" style="width: 800;" valign="top"><span style="font-family: georgia; font-size: 13pt; padding: 5px;"><font color="#303030"><i>NAME GOES HERE.</i></font></span> <small><a href="LINK"><font color="#000000">username / some link / whatever you want goes here.</font></a></small> <div align="justify" style="width: 750;"><font face="georgia"><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.</small></font></div></div> </td></tr> <tr><td align="justify" width="800" valign="top"><span style="float: left; padding: 5px;"><img style="border: 1px solid rgb(221, 221, 221); padding: 4px;" src="IMAGE URL" border="0"></span><div align="justify" style="width: 800;" valign="top"><span style="font-family: georgia; font-size: 13pt; padding: 5px;"><font color="#303030"><i>NAME GOES HERE.</i></font></span> <small><a href="LINK"><font color="#000000">username / some link / whatever you want goes here.</font></a></small> <div align="justify" style="width: 750;"><font face="georgia"><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.</small></font></div></div> </td></tr> <tr><td width="800" align="justify"><div align="center" style="background: url('http://i.imgur.com/Wj3SG.jpg');"><span style="font-family: georgia; padding: 5px;"><a href="LINK"><font color="#ffffff"><small>some。</small></font></a><a href="LINK"><font color="#ffffff"><small>extra。</small></font></a><a href="LINK"><font color="#ffffff"><small>links。</small></font></a><a href="http://exclusive.dreamwidth.org/"><font color="#ffffff"><small>credit。</small></font></a></span></div> </td></tr> </table></center>

TO ADD MORE TO THE LIST
just squeeze this code right after the last /tr tag:
<tr><td align="justify" width="800" valign="top"><span style="float: left; padding: 5px;"><img style="border: 1px solid rgb(221, 221, 221); padding: 4px;" src="IMAGE URL" border="0"></span><div align="justify" style="width: 800;" valign="top"><span style="font-family: georgia; font-size: 13pt; padding: 5px;"><font color="#303030"><i>NAME GOES HERE.</i></font></span> <small><a href="LINK"><font color="#000000">username / some link / whatever you want goes here.</font></a></small> <div align="justify" style="width: 750;"><font face="georgia"><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie enim vel purus vestibulum ac mollis lacus cursus. Proin odio leo, ornare pharetra auctor eget, pharetra vel sem. Integer porttitor, tellus sit amet adipiscing dapibus, mauris risus venenatis nulla, vel pellentesque libero nunc quis mi.</small></font></div></div> </td></tr>

ground rules & whatnot:

• !! I don't recommend having more than four lines of description for each character, as it messes up the overall look of the table.
• Tested in Firefox and Chrome.
• Altering is more than all right, just be sure to leave the credit on there somewhere.
• Comments are loved, but not necessary.
• Follow exclusive (or dreamcodes, in any case) for future updates!

Comments

[brightblueink]

This looks awesome, thanks for sharing! Mem'd!

[vital]

Glad you liked it. ♥

[shisno]

Gorgeous coding, I love it!

[vital]

Thank you. ♥

[unlockable]

Great coding! Taking and will credit. ♥

[lady_katana4544]

This looks awesome~! Totes snagging.

[synchronicity2]

Beautiful. I'm going to use this for my muse list. Will credit - thanks!

[wrathtub]

Oh so lovely! ♥

[vibishan]

I love this layout! So few muselist codes give me space to include all the details I want. Thanks for making it.

[starofchaos]

This is gorgeous. Definitely using this! Thank you very much.

[gracelessendeavours]

Lovely. This is exactly what I was looking for. Thank you! ♥

[firstcrush]

This is so great! I'm happy I can be able to use this quite easily (since I suck at HTML). Will take and credit~! <3

[up_to_eleventh]

nice! I like how clean this is. Taking it for use for record keeping. =)

[thegluethatbinds]

Hey there, love the chart! Thanks for making it, and I'll definitely credit you.

[firewalking]

Ugh I love this code. It's gorgeous and it's easy to tweak without breaking and ♥

(I may just be getting better at HTML. But w/e. It's still beautiful, so thank you.)

I'm using it here.

[ospreyed]

Gorgeous! Using this for a CR chart! <333