Lovely Caption Maker

Make vibrant, attention-grabbing captions for your images using valid, accessible HTML. All with a little help from our friend CSS.

Honestly,

Honestly,

I\\\'m Not A Thief, I\\\'m A Photographer

Lovely Caption Maker
[ Share your Lovely Caption using this permalink :) ]

All Inclusive HTML and CSS Source

	
	<div style="position:relative; width:px; height:px;" >
		<img style="position:relative;" src="http://www.timcinel.com/wp-content/photographer-not-a-thief.JPG" alt="Honestly," width="" height="">
		<div class="caption" style="position:absolute; width:-20px; bottom:0; left:0;	margin:5px;	padding-left:5px; padding-right:5px; background:#dacba4; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85);">
			<h3 style="margin-bottom:0.25em; margin-top:0.25em; color:#43484c;">Honestly,</h3>
		<p style="margin-bottom:0.5em; margin-left:0.25em; color:#43484c;">I\\\'m Not A Thief, I\\\'m A Photographer</p>
		</div>
        <div><a style="display:block; position:absolute;right:0;top:0;width:32px;height:7px;background:url(http://www.logon2.com.au/images/logon2_badge.gif) no-repeat;margin:2px;" href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/"><span style="display:none;">Lovely Caption Maker</span></a></div>
	</div>

Create New Lovely Caption


URL of the image that we will put a caption on. Please use images larger than 250x250px but not too large thanks :) (Download timeout is 30 seconds)


The large text in the caption on the first line. Don't make it too long.


The large text in the caption on the first line. Don't make it too long.


Use the this awewesome colour picker, copy the hex and paste in here


Use the this awewesome colour picker, copy the hex and paste in here


For those with poor vocabularies: 0% is completely clear(transparent), and 100% is completely filled-in (opaque)

Check this if you want to paste to a blog, social network site, email or wherever. It's pretty messy but it lets it work in more places :)

Click it :)