Rp Tutorials

Hello! So, I've been looking for a new directory for a game I mod and I always come across such amazing layouts that leave me torn. In the end, I usually smash up a few or change things around to fit the need.

I love Charsheet: Wooden Board and Taken Characters List. LOVE. They're both amazing.

Obviously, Wooden Board is for a character's profile, but I needed it! So, I tweaked, toyed around and all of that fun stuff. Took a few of the codes from Taken Characters List and smashed it all together.

The end result is here. It's not crazy beautiful, but it's simple!

<title>PAGE TITLE</title> </head> <style> body { background-image: url() !important; background-attachment: fixed !important; background-color: #000000 !important; } </style> <lj-raw><div style="background: url(http://i50.tinypic.com/b6pker.png);width:900px;margin:0 auto;padding:15px;"><table align="center" width="100%" cellpadding="0" cellspacing="10" style="line-height:170%;color:#333;font-family:helvetica;font-size:11px"><tr><td colspan="2" style="line-height:21px;text-align:center;padding-bottom:20px"><font style="font-family:helvetica;color:#111;font-size:42px;letter-spacing:3px"> Title, like Female Directory or Male Directory </font></td></tr><tr> <td valign="top" width="33%"><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:8px;text-align:center"><img src="300x375 image" style="width:300px;height:200px;background:#aaa"></div><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:8px;"> <div style="margin-bottom:5px;font-family:georgia;font-size:19px;color:#808080;font-style:italic;text-shadow: 1px 1px 0px #000000;"> Jump to...</div> <a href="#name" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> <a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br> </div></td><td valign="top" width="66%"><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:12px;text-align:justify;min-height:837px"><div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;"> <a name="name"></a>Character Name<br>PLAYED BY</div> <font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br> 00-00-1900 ● 00<br> <i>sexuality</i> ● Relationship<br> Occupation<br><br> AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a href="">Journal</a></font> <div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;"> <a name="name"></a>Character Name<br>PLAYED BY</div> <font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br> 00-00-1900 ● 00<br> <i>sexuality</i> ● Relationship<br> Occupation<br><br> AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a href="">Journal</a></font> <div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;"> <a name="name"></a>Character Name<br>PLAYED BY</div> <font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br> 00-00-1900 ● 00<br> <i>sexuality</i> ● Relationship<br> Occupation<br><br> AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a href="">Journal</a></font> <div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;"> <a name="name"></a>Character Name<br>PLAYED BY</div> <font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br> 00-00-1900 ● 00<br> <i>sexuality</i> ● Relationship<br> Occupation<br><br> AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a href="">Journal</a></font> <div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;"> <a name="name"></a>Character Name<br>PLAYED BY</div> <font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br> 00-00-1900 ● 00<br> <i>sexuality</i> ● Relationship<br> Occupation<br><br> AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a href="">Journal</a></font> </div><div style="text-align:right;letter-spacing:2px;word-spacing:3px;font-size:9px">Two codes all smashed up, <a href="http://asylums.insanejournal.com/rp_tutorials/100739.html#cutid1" style="text-decoration:none"><font color="#333">©</a> & <a href="http://asylums.insanejournal.com/rp_tutorials/323091.html#cutid1">©</a></font></div></td></tr></table></div></lj-raw>

Credit to both original codes are included in the code! Please leave it there.

I checked around, and I didn't really see a tutorial for downgrading webs.com sites, and I'd been meaning to make a tutorial for it to go along with my other one, so I hope it's cool to post this here. Let me know if this is a moot point, and I'll delete it. Anyway, on to the tutorial!

All right. This tutorial goes hand in hand with my www.webs.com tutorial, although instead of learning how to use webs.com, I'm going to be going over how to downgrade a new or newer site to the html editor (that will then allow you to use the linked tutorial if you're not sure how to use webs.com or go back to your usual html coding if you already know how to use it). Like with the previous tutorial, this tutorial will be image heavy, but I'll restrict the size so it is a bit more dial-up and slow internet friendly. Just right click and view image or view image in new tab/window if you need a bigger version.

You can use this tutorial for both making a new account with a new site or making a new site with an old account.

(How to Downgrade Your webs.com Sites -- For Both New and Old Accounts/Sites)