Muselist Code: Low-Fi

[puddings]

full size // live preview Base Code: <center><table width="800px"><tr><td colspan="2" style="height: 100px;"><center><span style="font-family:palatino; font-size:25px; text-shadow: 1px 1px #ababab; color:#b2132e;"><b><i>Active Muses</i></b></span><br> <span style="font-family: verdana; font-size: 10px; color: #282828;">☆ <b>updated mm/dd/yyyy</b> ☆</span></center></td></tr> <!-- Row Start --!> <tr height="175px;"><td width="50%"><div align="center" style="width: 344px; height: 126px; background-image: url(http://i.imgur.com/0T44ulR.png); border-radius: 30px; -moz-border-radius: 30px;"><img src="ICONURL" style="margin-top: 10px; margin-left: 14px; border-radius: 30px; -moz-border-radius: 30px; border: 3px solid #ffffff; float: left;"><div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/AbO7k03.png); opacity: 0.9; margin-top: -103px; margin-left: 130px; border-radius: 25px; -moz-border-radius: 25px; float: left;"><div style="width: 190px; height: 25px; margin-left: 5px; margin-top: 5px; border-bottom: 1px solid #ababab; float: left;"><center><span style="font-family:palatino; font-size:18px; text-shadow: 1px 1px #ababab; color:#b2132e;"><b><i>Character Name</i></b></span></center></div><div style="height: 60px; width: 180px; float:left; margin-top: 5px; margin-left: 10px;"><center><span style="font-family: verdana; font-size: 10px; color: #282828;">☆ <b>canon</b> ☆ <br> ☆ <i>journalname</i> ☆ <br> ☆ <a href="http://yellowscarves.dreamwidth.org" style="text-decoration:none;">example rp</a> ☆</span></center></div></div></div></td> <!-- New Cell --!> <td width="50%"><div align="center" style="width: 344px; height: 126px; background-image: url(http://i.imgur.com/0T44ulR.png); border-radius: 30px; -moz-border-radius: 30px;"><img src="ICONURL" style="margin-top: 10px; margin-left: 14px; border-radius: 30px; -moz-border-radius: 30px; border: 3px solid #ffffff; float: left;"><div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/AbO7k03.png); opacity: 0.9; margin-top: -103px; margin-left: 130px; border-radius: 25px; -moz-border-radius: 25px; float: left;"><div style="width: 190px; height: 25px; margin-left: 5px; margin-top: 5px; border-bottom: 1px solid #ababab; float: left;"><center><span style="font-family:palatino; font-size:18px; text-shadow: 1px 1px #ababab; color:#b2132e;"><b><i>Character Name</i></b></span></center></div><div style="height: 60px; width: 180px; float:left; margin-top: 5px; margin-left: 10px;"><center><span style="font-family: verdana; font-size: 10px; color: #282828;">☆ <b>canon</b> ☆ <br> ☆ <i>journalname</i> ☆ <br> ☆ homeless ☆</span></center></div></div></div></td></tr> <!-- Row End--!> <tr><td colspan="2"><div style="width:700px;" align="right"><span style="font-family: lucida sans console; font-size: 9px;">code via <a href="http://yellowscarves.dreamwidth.org" style="text-decoration:none;"><b>yellowscarves</b></a></span></td></tr></table></center> To change the background: switch "url(http://i.imgur.com/0T44ulR.png);" for your own image Pattern source: colourlovers // subtlepatterns To change the information background: switch background-image: url(http://i.imgur.com/AbO7k03.png); to background-color: #ffffff; or your preferred hex code For questions: comment to this post or pm this journal! Otherwise just plug your info in, then copy from !-- Row Start --! to !-- Row End --! and paste immediately after the previous row to make more rows. If you would like me to do minor changes for you I'd be glad to, just ask! Please keep the credit line, and while you're free to modify this code, don't claim it as your own. Thanks!

Live Preview: Low-Fi

[puddings]

( Cut to Preview )