InsaneJournal

• Create Account
• IJ Login
• OpenID Login

Search by :  Username E-mail Region Interest AOL IM ICQ Number Yahoo! ID MSN Username Jabber

• View
  • Create Account
  • IJ Login
  • OpenID Login
• Journal
  • Post
  • Edit Entries
  • Customize Journal
  • Comment Settings
  • Recent Comments
  • Manage Tags
• Account
  • Manage Account
  • Viewing Options
  • Manage Profile
  • Manage Notifications
  • Manage Pictures
  • Manage Schools
  • Account Status
• Friends
  • Edit Friends
  • Edit Custom Groups
  • Friends Filter
  • Nudge Friends
  • Invite
  • Create RSS Feed
• Asylums
  • Post
  • Asylum Invitations
  • Manage Asylums
  • Create Asylum
• Site
  • Support
  • Upgrade Account
  • FAQs
  • Search By Location
  • Search By Interest
  • Search Randomly

la belle damoiselle sans vie (damosel) wrote in rp_tutorials, @ 2011-03-09 15:51:00

Live Preview of All Versions


Notes:
Designed for storyline or CR tables. Suitable for CDJs or journal entries. Not recommended for userinfos.


Customizing:
Replace ICON with the URL of an icon you wish to use, TITLE and CONTENTGOESHERE with your text.

For each character/storyline/entry, copy and paste everything between the capitalized DIV tags. (If customizing the CSS styling, edit the single entry until you like how it looks, then copy/paste as required.)

If it looks weird, try checking "Disable auto-formatting" on the entry.

Code Version 1 (gray):
<DIV style="width:500px;margin:auto;font-family:Trebuchet MS,sans-serif;font-size:10pt;"> <div style="text-align:left;font-size:120%;font-weight:bold;background:#ccc;padding:8px;"> TITLE </div> <div style="float:left;padding:8px;"><img src="ICON" width="75" height="75"> </div> <div style="font-size:90%;margin-left:90px;text-align:justify;padding:5px;"> CONTENTGOESHERE </div> <div style="clear:both;"></div> </DIV>


Code Version 2 (black boxes):
<DIV style="width:500px;margin:auto;font-family:Trebuchet MS,sans-serif;font-size:10pt;"> <div style="text-align:left;font-size:120%;font-weight:bold;"> TITLE </div> <div style="float:left;padding:8px;background:#000;margin:7px 0px;"><img src="ICON" width="75" height="75"> </div> <div style="font-size:90%;margin-left:90px;text-align:justify;padding:5px;"> CONTENTGOESHERE </div> </DIV>


Code Version 3 (pink):
<DIV style="width:500px;margin:auto;font-family:Trebuchet MS,sans-serif;font-size:10pt;background:#CDF;"> <div style="text-align:left;font-size:120%;font-weight:bold;background:#9ac;padding:8px;"> TITLE </div> <div style="float:left;padding:8px;"><img src="ICON" width="75" height="75"> </div> <div style="font-size:90%;margin-left:90px;text-align:justify;padding:5px;"> CONTENTGOESHERE </div> <div style="clear:both;"></div> </DIV>


Code Version 4 (blue):
<DIV style="width:500px;margin:auto;font-family:Trebuchet MS,sans-serif;font-size:10pt;background:#FCD;"> <div style="text-align:left;font-size:120%;font-weight:bold;background:#c9a;padding:8px;"> TITLE </div> <div style="float:left;padding:8px;"><img src="ICON" width="75" height="75"> </div> <div style="font-size:90%;margin-left:90px;text-align:justify;padding:5px;"> CONTENTGOESHERE </div> <div style="clear:both;"></div> </DIV>

(Read comments)

Post a comment in response:

From:	( ) Anonymous- this user has disabled anonymous posting. ( ) OpenID InsaneJournal user Username: Password: Login?  Don't have an account? Create one now.
Subject:	No HTML allowed in subject   Don't auto-format:
Message:	Check spelling during preview