InsaneJournal

Tweak says, "eat the meat"

la belle damoiselle sans vie (damosel) wrote in rp_tutorials,
@ 2011-03-05 19:57:00

Entry tags:

layouts: character profiles

Clean & Simple Profile

Live Preview

Notes:
Suitable for CDJs or profile entries. Not recommended for userinfos.

Customizing:
Replace IMAGE.jpg with the URL of your picture, and the various placeholders with your own text.

To change the heading color, replace all instances of #069 with your chosen hex code.

If using a non-square image, remember to change the height="" property to the height of your image.

Replace the :: with a doohickey of your choice, add sections as desired, etc.

Code:

<table style="font-size:12px;line-height:18px;" align="center" cellpadding="10" width="550">
<tr>
     <td valign="top" width="220"><img src="IMAGE.jpg" width="200" height="200"></td>
     <td valign="top">
          <h1 style="font-family:georgia,serif;font-style:italic;padding-top:7px;color:#069;">Name</h1>
          <table style="font-size:12px;">
               <tr><th align="left" width="100"> Name </th>  <td> ___ </td></tr>
               <tr><th align="left"> Sex </th>  <td> ___ </td></tr>
               <tr><th align="left"> Age </th>  <td> ___ </td></tr>
               <tr><th align="left"> Orientation </th>  <td> ___ </td></tr>
               <tr><th align="left"> Status </th>  <td> ___ </td></tr>
               <tr><th align="left"> Occupation </th>  <td> ___ </td></tr>
               <tr><th align="left"> Played By </th>  <td> ___ </td></tr>
               <tr><th align="left"> Journal </th>  <td> <lj user="____"> </td></tr>
          </table>
     </td>
</tr>

<tr><td colspan="2" style="padding:12px;text-align:justify;"><h1 style="font-family:georgia,serif;font-style:italic;color:#069;">:: Background</h1> HISTORYGOESHERE
</td></tr>

<tr><td colspan="2" style="padding:12px;text-align:justify;"><h1 style="font-family:georgia,serif;font-style:italic;color:#069;">:: Personality</h1> PERSONALITYGOESHERE </td></tr>

<tr><td colspan="2" style="padding:12px;text-align:justify;"><h1 style="font-family:georgia,serif;font-style:italic;color:#069;">:: Storylines</h1> LINESGOHERE </td></tr>

<tr>
     <td colspan="2" style="text-align:right;font-size:80%;">
          disclaimer and other footer text goes here
          <br/>profile by damosel @ <a href="http://rp-tutorials.insanejournal.com/">rp_tutorials</a>
     </td>
</tr>
</table>

See it in action:
youcanfly@IJ
veterandoctor@IJ

(Post a new comment)

	youcanfly 2011-03-22 11:35 pm UTC (link)
	Thanks so much! I love how uncluttered it looks. I'll probably use this when this journal is up and running- I'll make sure to leave the credit in, of course! (Reply to this) (Thread)

	damosel 2011-03-23 12:06 am UTC (link)
	\o/ (Reply to this) (Parent)

	keswan 2011-05-30 07:17 am UTC (link)
	Using this, just making a few adjustments. :) (Reply to this)

	veterandoctor 2011-06-20 07:27 pm UTC (link)
	So, I'm using this here and I'm not sure why, but the image is off-center. I haven't changed any of the code, just inserted words, so I'm not sure what's going on. Any ideas? (Reply to this) (Thread)

	damosel 2011-06-21 12:13 am UTC (link)
	Try checking "Disable auto-formatting"? (Reply to this) (Parent) (Thread)

	veterandoctor 2011-06-21 12:20 am UTC (link)
	... Haha! Thank you. ^^ (Reply to this) (Parent) (Thread)

	damosel 2011-06-21 12:25 am UTC (link)
	No prob :) (Reply to this) (Parent)