InsaneJournal
Tweak says, "Quiet, you."
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
Entry tags:
coding: other
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*
(
Post a new comment
)
abandonia_mod
2011-02-02 05:55 pm UTC
(
link
)
I'm not entirely certain how to close this?
http://abandonia-mod.insanejournal.c
om/5396.html
(
Reply to this
)
newheromods
2011-02-19 08:03 pm UTC
(
link
)
Modded and using here.
(
Reply to this
)
rippledtimemods
2011-05-14 12:28 am UTC
(
link
)
I am using this here. Thank you!
(
Reply to this
)