🔧 c o d e

[prettysure]

Here is the basic code I used for Gwen's profile. It's made to work on custom pages and doesn't look as good on the site scheme, but is still usable that way.

You can use/adapt any way you like! The code is formatted for a 245px image. If you want to find/replace colors: The main (lightest gray) background color is #F2F2F2. The stripes are #CCC, and obviously the bigger stripes are #FFF. Text is #999.

<table style="border:0, width:100%;" cellpadding="0" cellspacing="0"> <tr> <td style="color:#666;"><div style="float:left; width:245px; background:#f2f2f2; margin:0 20px 10px 0; padding:15px 15px 5px 15px;"><div style="font-family:helvetica; font-size:40px; text-align:center; text-transform:lowercase; padding-bottom:10px; color: #fff; text-shadow: 1px 1px 1px #999;">CHARACTER NAME</div><div style="margin:-10px -15px 0 -15px; background:#ccc; height:5px;"></div><div style="margin:0 -15px 15px -15px; background:#fff; color:#999; font-size:11px; font-family:lucida sans unicode; text-align:center; text-transform:uppercase;">CANON NAME</div><div style="text-align:center;"><a href="IMAGE CREDIT URL"><img src="IMAGE URL" title="Click for credit"></a></div><div style="margin:15px -15px 0 -15px; background:#fff; height:20px;"></div><div style="margin:0 -15px 15px -15px; background:#ccc; height:5px;"></div><div style="color:#999; font-size:13px; font-family:lucida sans unicode;"><b>AGE:</b> <b>DOB:</b> <b>HOMETOWN:</b> <b>NEXUS RM#:</b> </div><div style="margin:15px -15px 15px -15px; background:#ccc; height:2px;"></div><div style="color:#999; font-size:13px; font-family:lucida sans unicode; text-align:right;"><b>PB:</b> <b>HAIR:</b> <b>EYES:</b> <b>HEIGHT:</b> <b>COMPLEXION:</b> </div><div style="margin:15px -15px 5px -15px; background:#ccc; height:2px;"></div><div style="color:#999; font-size:13px; font-family:lucida sans unicode; text-align:right; text-transform:uppercase;"><div style="float:left;"><a href="SONG 1 URL" title="SONG 1 TITLE">♪</a><a href="SONG 2 URL" title="SONG 2 TITLE">♪</a><a href="SONG 3 URL" title="SONG 3 TITLE">♪</a></div><a href="DROPBOX URL" title="dropbox">✉</a> <a href="http://prettysure.dreamwidth.org/1445.html" title="profile code © prettysure@dreamwidth">©</a></div></div>HERE IS WHERE YOUR BIOGRAPHY TEXT GOES</td> </tr> </table>