InsaneJournal

Tweak says, "It's not lying if they make yo"

jadis is the embodiment of all evil (embodimentof) wrote in rp_tutorials,
@ 2011-04-26 17:53:00

This is another character sheet layout that I tossed together, which was inspired by the arrangement of a magazine article I saw the other day. I don't have any place to use it at the moment, so I figured I'd post it here in case anyone else is interested. Again, it's set up to use icons as images because I still remain too lazy to crop and photoshop banners.

<center><table width="650"><tr><td colspan="2"><div align="right">character name</td></tr><tr valign="top"><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td bgcolor="#E3E3E5" width="200">FULL NAME: Name Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">NICKNAMES: Nicknames Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">DATE OF BIRTH: Date of Birth Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">CURRENT AGE: Age Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">GENDER: Gender Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">PLACE OF BIRTH: Hometown Here</td></tr></table></td><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td bgcolor="#E3E3E5" width="200">MARITAL STATUS: Status Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">SEXUAL ORIENTATION: S.O. Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OCCUPATION: Occupation Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">RESIDENCE: Current Town Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">MISC DATA: Misc Data Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">MISC DATA: Misc Data</td></tr></table></td></tr><tr><td width="650" colspan="2" bgcolor="#E3E3E5"><div align="right">APPEARANCE</div>
Charcter's appearance or whatever else you'd like go here!

</td></tr>
<tr><td width="650" colspan="2" bgcolor="#E3E3E5"><div align="right">PERSONALITY</div>
Personality or whatever else you'd like go here!

</td></tr>
<tr><td width="650" colspan="2" bgcolor="#E3E3E5"><div align="right">PERSONAL HISTORY</div>
Personal history and background information (etc etc) go here!

</td></tr>
<tr><td width="650" colspan="2" bgcolor="#E3E3E5"><div align="right">RANDOM FACTS</div>
Random facts or information or whatever else you'd like go here

</td></tr></table></center>

character name

	FULL NAME: Name Here
	NICKNAMES: Nicknames Here
	DATE OF BIRTH: Date of Birth Here
	CURRENT AGE: Age Here
	GENDER: Gender Here
	PLACE OF BIRTH: Hometown Here

	MARITAL STATUS: Status Here
	SEXUAL ORIENTATION: S.O. Here
	OCCUPATION: Occupation Here
	RESIDENCE: Current Town Here
	MISC DATA: Misc Data Here
	MISC DATA: Misc Data

APPEARANCE

Charcter's appearance or whatever else you'd like go here!

PERSONALITY

Personality or whatever else you'd like go here!

PERSONAL HISTORY

Personal history and background information (etc etc) go here!

RANDOM FACTS

Random facts or information or whatever else you'd like go here

ADDED LATER: For anyone who wants it a bit wider, here's the code for the table increased to a width of 700.

<center><table width="700"><tr><td colspan="2"><div align="right">character name</td></tr><tr valign="top"><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td bgcolor="#E3E3E5" width="225">FULL NAME: Name Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">NICKNAMES: Nicknames Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">DATE OF BIRTH: Date of Birth Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">CURRENT AGE: Age Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">GENDER: Gender Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">PLACE OF BIRTH: Hometown Here</td></tr></table></td><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td bgcolor="#E3E3E5" width="225">MARITAL STATUS: Status Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">SEXUAL ORIENTATION: S.O. Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">OCCUPATION: Occupation Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">RESIDENCE: Current Town Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">MISC DATA: Misc Data Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="225">MISC DATA: Misc Data</td></tr></table></td></tr><tr><td width="700" colspan="2" bgcolor="#E3E3E5"><div align="right">APPEARANCE</div>
Charcter's appearance or whatever else you'd like go here!

</td></tr>
<tr><td width="700" colspan="2" bgcolor="#E3E3E5"><div align="right">PERSONALITY</div>
Personality or whatever else you'd like go here!

</td></tr>
<tr><td width="700" colspan="2" bgcolor="#E3E3E5"><div align="right">PERSONAL HISTORY</div>
Personal history and background information (etc etc) go here!

</td></tr>
<tr><td width="700" colspan="2" bgcolor="#E3E3E5"><div align="right">RANDOM FACTS</div>
Random facts or information or whatever else you'd like go here

</td></tr></table></center>

(Post a new comment)

	erin 2011-04-27 06:51 am UTC (link)
	This is really kind of awesome. I think I may want to snatch it! (Reply to this) (Thread)

	embodimentof 2011-04-27 07:03 am UTC (link)
	WOO! Do it! CLIMBIN IN MAH RP-TUTORIALS POST, SNATCHIN MAH LAYOUT UP! <3 (Reply to this) (Parent) (Thread)

	erin 2011-04-27 11:59 pm UTC (link)
	Betta hide it better next time~ (also I used/edited it here!) (Reply to this) (Parent) (Thread)

	souffle 2011-07-07 05:53 pm UTC (link)
	I was wondering if you might be able to tell me the coding you used to get the second icon aligned to the right, and also the coding you used for the ooc info at the bottom? thanks :D (Reply to this) (Parent)

	ex_tmas201 2011-04-28 12:35 am UTC (link)
	I will be using for this jurnal! A+ (Reply to this) (Thread)

	embodimentof 2011-05-10 08:19 pm UTC (link)
	WOO!! This makes me feel extra happy as it's the only A I'll see this semester XD (Reply to this) (Parent)

	colby_k 2011-04-28 01:18 am UTC (link)
	Okay I haven't decided where I'm using it but I am totally going to use this somewhere! (Reply to this) (Thread)

	embodimentof 2011-05-10 08:20 pm UTC (link)
	I APPROVE THIS! ♥ (Reply to this) (Parent)

	dmanning 2011-04-28 07:17 pm UTC (link)
	using it in this journal. (Reply to this) (Thread)

	embodimentof 2011-05-10 08:22 pm UTC (link)
	WOOO! :D (Reply to this) (Parent)

	valhallan_blood 2011-04-30 09:20 am UTC (link)
	Used and credited here. I changed the font and added a few more sections. Thanks for sharing! :D (Reply to this) (Thread)

	embodimentof 2011-05-10 08:22 pm UTC (link)
	It looks awesome! Also OMG SEAN BEAN LIKE A BOSS! ♥ (Reply to this) (Parent)

	logolepsymods 2011-05-01 01:40 am UTC (link)
	Using here, added a section and credited. (Reply to this) (Thread)

	embodimentof 2011-05-10 08:23 pm UTC (link)
	Loves it! ♥ (Reply to this) (Parent)

	hammertech 2011-05-01 10:36 pm UTC (link)
	Okay, bb. Let me be real with you: this is seriously just too sexy to exist. LET'S GET IT ON~ (Reply to this) (Thread)

	embodimentof 2011-05-10 08:25 pm UTC (link)
	(Reply to this) (Parent)

	zifang 2011-05-03 08:23 pm UTC (link)
	Totes using it for this journal. (Reply to this) (Thread)

	embodimentof 2011-05-10 08:28 pm UTC (link)
	So much awesome! ♥ The background on your journal is the most adorable thing EVER btw. (Reply to this) (Parent) (Thread)

	zifang 2011-05-10 08:54 pm UTC (link)
	Thanks! I think I found it over at CreateBlog, and I was wondering, is there a way I can change the width of the table? I want her occupation to fit all on one line. (Reply to this) (Parent) (Thread)

embodimentof
2011-05-11 12:19 am UTC (link)

Of course! Just find all the places where it says width="650" and add however much to the size you want. You'll also have to adjust the top portion to. To do that find where it says width="200" and add half the amount that you increased width="650" by.

For example if you went from width="650" to width="680" then that's 30px so the top you'd increase by 15px and width="200" would become width="215".

AND IM SORRY FOR SPAMMING YOU LIKE A MILLION TIMES OMG XD

(Reply to this) (Parent)

	emmey 2011-05-14 01:29 am UTC (link)
	This is amazing and just what I needed for a new bio layout. Thank you! (Reply to this)

	keswan 2011-05-29 07:39 pm UTC (link)
	Using at this journal. (Reply to this)

	souffle 2011-07-08 06:42 am UTC (link)
	Using it here... at least until I get character journal set up. Was wondering if you might be able to help me work out how to add a section to the bottom like ~hp_anon did here? tried a number of ways myself but it just ends up looking like a 5yo attacked it. (Reply to this) (Thread)

embodimentof
2011-07-08 11:19 am UTC (link)

The bottom section is just a slightly modified repeat of the top.

Just add this code to after the last tr close tag, but before the table close tag.

<tr valign="top"><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td bgcolor="#E3E3E5" width="200">PLAYER: Player Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OOC INFO: Info Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OOC INFO: Info Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OOC INFO: Info Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OOC INFO: Info Here</td></tr>
<tr><td bgcolor="#E3E3E5" width="200">OOC INFO: Info Here</td></tr></table></td><td><table><tr><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td><td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td> <td rowspan="6" width="100" valign="top" bgcolor="#FFFFFF" style="border:5px #E3E3E5 solid"><center><img src="http://i55.tinypic.com/1zxnk47.png"></td></tr>

(Reply to this) (Parent) (Thread)

	souffle 2011-07-08 11:25 am UTC (link)
	Awesome! Thanks heaps. It's an awesome layout! And yeah I tried modifying the top to work there but I kept making a mess of it. lol (Reply to this) (Parent)

	souffle 2011-07-08 11:41 am UTC (link)
	so I did exactly as you said and somehow a gap between the soundtrack section and the info one appeared like so... not sure why it decided to do that :/ (Reply to this) (Parent) (Thread)

	erin 2011-07-11 07:38 am UTC (link)
	Take out the last /table tag at the very end and see if that fixes it. (Reply to this) (Parent) (Thread)

	souffle 2011-07-11 08:11 am UTC (link)
	believe it or not that only makes it look worse (even tried without having the textarea there, but that didn't work either) :( but thankyou v. much for trying to help, i definitely appreciate it :) (Reply to this) (Parent) (Thread)

	erin 2011-07-11 08:12 am UTC (link)
	Weird, because I took the code from your text area thing and looked at it before I replaced the code at the bottom, and that was what fixed it for me. (Reply to this) (Parent) (Thread)

	souffle 2011-07-11 08:51 am UTC (link)
	My journal seems to do that a lot... make coding go all weird. (Reply to this) (Parent)

	souffle 2011-07-11 08:57 am UTC (link)
	i feel stupid now though... i decided i'd look at it as long as it took to fix it... turns out i'd forgotten the > on the end of my cdj link x_x (Reply to this) (Parent)

	fairbourne 2011-09-04 01:15 pm UTC (link)
	meant to comment and say i was using this awesome layout here. :) (Reply to this)

	jessed 2011-09-20 01:30 am UTC (link)
	I was wondering if you could let me know how to get this to stop centering? here it is. i'm using the same layout for another bio and it isn't centering and i cannot figure out why it is for the first and not the second. it's sort of driving me mad, so any help you could provide would be so, so welcomed. (Reply to this) (Thread)

	embodimentof 2011-09-26 09:27 pm UTC (link)
	SORRY IT TOOK SO LONG TO GET BACK TO THIS! MY INBOX PUT THE NOTIF IN SPAM >=\| Stoopid yahoo! I checked out your source code and it looks like there's a centering tag just before the table code. It looks like this: <center><table width="700"> If you delete the <center> it should stop centering! (Reply to this) (Parent)

	acshaw 2012-01-27 07:26 pm UTC (link)
	using it here Credited. Thank you! (Reply to this)