putting an image into the background of a post!


Verrry nice indeed! Here's how it works folks: Place this line of code at the very top of the post:

<div style="background: transparent url('Your image URL') repeat scroll 0 0; padding:1em;">

Fill your post with whatever - photos, text... Then, close the whole thing with </div> And you can do the same thing for the title of the post also if you would like that to have a background as well - different images too, if you want. Simply change the image URL and the padding value at the very end to 0.5em, so that the title and the text of the post align nicely. Easy Peasy - except for a minor bug: For some strange reason sometimes blogpost wants you to save the whole thing as a draft first. So, no big deal, you save as a draft (even if the post is already published), close, re-open and then get the preview and publish...

Oh, and - if you want a border around the post and/or the post title - then here is the additional bit of code for that (you can change the color to anything you like, of course):

<div style="background: transparent url('Your image URL') repeat scroll 0 0; padding: 1em; border-style:solid; border-width:1px; border-color:#4E4E4E;">

The image on the background is only a little trial of course, but I have to say that my mouth is watering at all of the possibilities with this! :-D. And here is the blog where the original tip is coming from. Thank you so much Carissa Rogers!


.................................................................................................................................
Powered by Blogger.