InsaneJournal

Tweak says, "What, me worry?"

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

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

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>

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*

	abandonia_mod 2011-02-02 05:55 pm UTC (link)
	I'm not entirely certain how to close this? http://abandonia-mod.insanejournal.com/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)