CR Chart/Muselist: North Shore

[prospitian]

The blurb is fixed to be a 100x100px square; if you type too much text, it scrolls automatically!

Make sure the "Don't autoformat" checkbox you get when you're not using the beta entry page is unchecked, and don't go spacing things out and adding linebreaks where there aren't any, or you're gonna break everything! This code is very sensitive about spacing.

Symbols	Bar	Name
<center><table style="text-align:center;"><tr><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td></tr></table><small>Code by <span style='white-space: nowrap;'><a href='http://photosynthesis.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://photosynthesis.dreamwidth.org/'><b>photosynthesis</b></a></span></small></center>	<center><table style="text-align:center;"><tr><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td></tr></table><small>Code by <span style='white-space: nowrap;'><a href='http://photosynthesis.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://photosynthesis.dreamwidth.org/'><b>photosynthesis</b></a></span></small></center>	<table style="text-align:center;"><tr><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td></tr></table><small>Code by <span style='white-space: nowrap;'><a href='http://photosynthesis.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://photosynthesis.dreamwidth.org/'><b>photosynthesis</b></a></span></small></center>

For More Rows Search your code for </tr> and copy and paste the appropriate code immediately after that for as many rows as you want.
Symbols	Bar	Name
<tr style="padding-top:20px;"><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font:11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:18px Arial;">♥ ♥ ♥ ○ ○ ○ ✖ ✖ ✖</div></td></tr>	<tr style="padding-top:20px;"><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px; height:110px; font: 11px Tahoma; overflow:auto; background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:216px; height:16px; border:2px solid #C1C1C1; background-color:#C1C1C1; text-align:center; font:18px Arial;"><div style="height:16px; background-color:#1A8DF3; width:50px;"> </div></div></td></tr>	<tr style="padding-top:20px;"><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td><td width="250px;"><img align="left" src="ICON URL" style="border:5px solid #1A8DF3;"> <div style="width:110px;height:110px;font: 11px Tahoma;overflow:auto;background-color:#E0E0E0; color:#000000; margin-top:-36px;">BLURB TEXT</div><div style="width:220px;height:20px;background-color:#C1C1C1;text-align:center;font:16px Tahoma;color:#0A0A0A;">NAME</div></td></tr>

If you're using the bar code, search for width:50px;. Replace 50 with any number out of 216 to make the bar longer or shorter.

You can edit this all you want, but please keep the credit!