InsaneJournal
Tweak says, "Make it so."
Username:
Password:
Remember Me
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
Ally -- are you already gone? (
wastintime
) wrote in
rp_tutorials
,
@
2011
-
01
-
06
21:16:00
Customizable Quote Bubble
Live Example
HOLDS
Played-By
Date
Played-By
Date
Played-By
Date
Played-By
Date
Played-By
Date
The Code
<lj-raw> <div style="width:300px;background:#42aec2;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-left:10px;padding:10px 10px 10px 0;display:inline-block;"> <div style="background:url('http://img151.imageshack.us/img151/6255/leftarrowblue.png') no-repeat 0 0;margin-left:-10px;"> <div style="padding-left:20px;text-align:justify;color:white;text-shadow:0 1px 1px #222222;"><b>HOLDS</b><br><br> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> </div> </div> </div> </lj-raw>
Live Example
HOLDS
Played-By
Date
Played-By
Date
Played-By
Date
Played-By
Date
Played-By
Date
The Code
<lj-raw> <div style="width:310px;background:url('http://img602.imageshack.us/img602/2102/rightarrowblue.png') no-repeat 300px 10px;display:inline-block;"> <div style="background:#42aec2;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-right:10px;padding:10px 0 10px 0;"> <div style="padding:0 10px 10px 10px;text-align:justify;color:white;text-shadow:0 1px 1px #222222;"><b>HOLDS</b><br><br> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> <div style="padding-bottom:2px;border-bottom:1px dotted white;margin-bottom:4px;">Played-By <span style="float:right;"><i>Date</i></span></div> </div> </div> </div> </lj-raw>
Images
Left Arrow
Right Arrow
Feel free to alter the color of the arrows in an image program of your choice. This color is #42aec2.
Questions/Feedback?
Leave a comment to this post. Thanks!
*NOTE: Looks a little wonky in IE*
(
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