InsaneJournal

Tweak says, "redheads do it better!"

put your faith in your rum and cola romance (splott) wrote in rp_tutorials,
@ 2009-02-09 23:48:00

Entry tags:

character profile, user info layout

character info profile


	FIRSTNAME SURNAME
	Birthday/Age: Bloodline: Residence: Hometown: Sexuality: House/Year: Best Classes: Worst Classes:	Family Members: Related: Height: Hair Colour: Eye Colour: Sense of Style: Typical Scent:

History • • • Curabitur massa. Nunc gravida ultricies orci. Nulla facilisi. Ut eu diam sed mauris iaculis elementum. Vestibulum commodo dignissim velit. Vivamus pellentesque. Morbi faucibus, est condimentum molestie bibendum, dui quam condimentum est, sed convallis dolor erat eget diam. Nunc ac nisl non augue aliquet volutpat. Nam scelerisque ante a lacus. Aliquam erat volutpat. Fusce justo. Proin odio felis, pellentesque in, tincidunt a, aliquam et, turpis. Curabitur vulputate. Suspendisse eget erat. Ut fermentum leo vel ipsum. Curabitur nibh purus, rutrum vitae, faucibus id, pretium venenatis, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum gravida nisi nec urna. Phasellus non orci non dolor semper tempus.

Personality • • • Curabitur massa. Nunc gravida ultricies orci. Nulla facilisi. Ut eu diam sed mauris iaculis elementum. Vestibulum commodo dignissim velit. Vivamus pellentesque. Morbi faucibus, est condimentum molestie bibendum, dui quam condimentum est, sed convallis dolor erat eget diam. Nunc ac nisl non augue aliquet volutpat. Nam scelerisque ante a lacus. Aliquam erat volutpat. Fusce justo. Proin odio felis, pellentesque in, tincidunt a, aliquam et, turpis. Curabitur vulputate. Suspendisse eget erat. Ut fermentum leo vel ipsum. Curabitur nibh purus, rutrum vitae, faucibus id, pretium venenatis, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum gravida nisi nec urna. Phasellus non orci non dolor semper tempus.

Out Of Character • • • :: user :: PLAYER :: SCREENAME ::

RULES:
1) Don't hotlink.
2) Keep the credit, if only to send people this way! It'll let them find other stuff, but otherwise it's not mandatory.
3) Commenting is optional, but I'll try and answer any questions there are.
4) Modifying is a-okay with me!

CODE:
<center><table width="700px" bgcolor="#8c8c8c" cellpadding="4" cellspacing="1"> <tr><td colspan="4"><center></td></tr> <tr><td align="center" width="8px" rowspan="8"></td> <td rowspan="2" bgcolor="#FFFFFF" valign="center" width="280px"><center><img src="http://i35.tinypic.com/2iw125g.png"></td> <td bgcolor="#ffffff" colspan="3"><center>FIRSTNAME SURNAME</center></td> <td align="center" width="8px" rowspan="8"></td></tr> <tr><td align="left" bgcolor="#FFFFFF" valign="center" width="48%">Birthday/Age: Bloodline: Residence: Hometown: Sexuality: House/Year: Best Classes: Worst Classes: </td> <td bgcolor="#FFFFFF" valign="center" width="48%">Family Members: Related: Height: Hair Colour: Eye Colour: Sense of Style: Typical Scent: </td></tr> <tr><td colspan="3"><center></td></tr> <tr><td colspan="3" bgcolor="#FFFFFF"><div align="right">History • • •</div>Curabitur massa. Nunc gravida ultricies orci. Nulla facilisi. Ut eu diam sed mauris iaculis elementum. Vestibulum commodo dignissim velit. Vivamus pellentesque. Morbi faucibus, est condimentum molestie bibendum, dui quam condimentum est, sed convallis dolor erat eget diam. Nunc ac nisl non augue aliquet volutpat. Nam scelerisque ante a lacus. Aliquam erat volutpat. Fusce justo. Proin odio felis, pellentesque in, tincidunt a, aliquam et, turpis. Curabitur vulputate. Suspendisse eget erat. Ut fermentum leo vel ipsum. Curabitur nibh purus, rutrum vitae, faucibus id, pretium venenatis, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum gravida nisi nec urna. Phasellus non orci non dolor semper tempus.</td></tr> <tr><td colspan="3"><center></td></tr> <tr><td colspan="3" bgcolor="#FFFFFF"><div align="right">Personality • • •</div> Curabitur massa. Nunc gravida ultricies orci. Nulla facilisi. Ut eu diam sed mauris iaculis elementum. Vestibulum commodo dignissim velit. Vivamus pellentesque. Morbi faucibus, est condimentum molestie bibendum, dui quam condimentum est, sed convallis dolor erat eget diam. Nunc ac nisl non augue aliquet volutpat. Nam scelerisque ante a lacus. Aliquam erat volutpat. Fusce justo. Proin odio felis, pellentesque in, tincidunt a, aliquam et, turpis. Curabitur vulputate. Suspendisse eget erat. Ut fermentum leo vel ipsum. Curabitur nibh purus, rutrum vitae, faucibus id, pretium venenatis, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum gravida nisi nec urna. Phasellus non orci non dolor semper tempus.</td></tr> <tr><td colspan="3"><center></td></tr> <tr><td colspan="3" bgcolor="#FFFFFF"><div align="right">Out Of Character • • •</div><center> :: <lj user="user"> :: PLAYER :: SCREENAME ::</td></tr> <tr><td colspan="3"><center></td></tr></table>

HOW TO MODIFY:
Just change the Lorem Ipsum stuff and fillin the character information. There is one image and you need to crop your pics to be 180 by 300 to fit the current table and just put them in the <img scr="">. If the name you use is too big for the line, change the font-size: 50pt; to something smaller. You can change the colors as well.

EXAMPLES:
http://notsonimble.insanejournal.com/796.html#cutid1
http://www.scribbld.net/users/bornforthis/340.html#cutid1
http://travisty.insanejournal.com/271.html#cutid1
http://drumstickiv.insanejournal.com/546.html
http://evematthers.insanejournal.com/432.html * with changes!
Leave a comment here and I'll add link!

(Post a new comment)

	fashionistax 2009-04-09 12:42 am UTC (link)
	Hey there... I'm having trouble with this layout... all I do is copy and paste and the name sizes are incorrect, and there is raw code on the page... any hints on what is going wrong? (Reply to this) (Thread)

	splott 2009-04-09 12:44 am UTC (link)
	It needs to be in a journal entry, not userinfo. (Reply to this) (Parent)

	too_much 2009-04-16 03:56 am UTC (link)
	I am trying to put it in an entry, to organize a character so much better and this code and box thing keep appearing above the layout. Is there a way to fix this? because at this point all I did was copy and paste and am getting ready to fill in my character's stuff. (Reply to this) (Thread)

	splott 2009-04-16 08:42 am UTC (link)
	Can you unlock the entry so I can see what is going on? (Reply to this) (Parent) (Thread)

	too_much 2009-04-17 07:23 pm UTC (link)
	Actually it was fixed by a friend of mine, but I have copied and pasted into a new entry to show you what it's doing. http://too-much.insanejournal.com/2136.html (Reply to this) (Parent) (Thread)

	splott 2009-04-17 09:06 pm UTC (link)
	oh its just a textarea thing, that's sucky. Thanks for showing me! (Reply to this) (Parent)

	splott 2009-04-17 09:07 pm UTC (link)
	lmfao random textarea. (Reply to this) (Parent)

	karibean 2009-04-30 09:57 pm UTC (link)
	For some reason the last box (the OOC one) keeps coming up wonky on mine - it doesn't span the width of the table and the border on the left-hand side is missing. I don't know why, as I C&Ped directly from the box and didn't mess with anything. (Reply to this) (Thread)

	splott 2009-04-30 10:00 pm UTC (link)
	can i see the post? (Reply to this) (Parent) (Thread)

	karibean 2009-04-30 10:04 pm UTC (link)
	Here (Reply to this) (Parent) (Thread)

	splott 2009-04-30 10:09 pm UTC (link)
	You added some more rows to your stuff so you need to ctrl+F for rowspan="8" and change it to rowspan="10" see here: http://splott.insanejournal.com/21572.html (Reply to this) (Parent) (Thread)

	karibean 2009-04-30 10:11 pm UTC (link)
	Thank you! (Reply to this) (Parent)

	drumstickiv 2009-06-09 02:07 pm UTC (link)
	Hey! Thanks for the coding! I love the way it looks! http://drumstickiv.insanejournal.com/546.html (Reply to this) (Thread)

	splott 2009-06-10 01:04 am UTC (link)
	Since you added another set of rows you need to ctrl+F for rowspan="8" and change it to rowspan="10" (Reply to this) (Parent) (Thread)

	drumstickiv 2009-06-10 07:27 am UTC (link)
	Oh! thanks! It's fixed now and looks even better. :) (Reply to this) (Parent)

	evematthers 2009-06-09 05:06 pm UTC (link)
	http://evematthers.insanejournal.com/432.html :) (Reply to this) (Thread)

	splott 2009-06-10 01:03 am UTC (link)
	Adorable! (Reply to this) (Parent)

	madi_highwood 2009-11-19 05:20 am UTC (link)
	I was looking all over for something simple I actually liked! I've played with the colors, an thanks! :) (Reply to this)