Customizing Div Overlay boxes. Options

[pfefferminzkeks]

Hi! How can I use this photo:



as a box to insert text into? I want to resize and reuse the same image for each box.

[Mickey]

First, you'd have to position that image somewhere on your profile. Doing so will also give you the option to edit that image's height/width. Here's how it should look as an example:

CODE

<style>
.box1 {position:absolute; top:300px; left:50%; margin-left:-400px; width:592px; height:464px;}
</style>

<img src="http://i34.tinypic.com/1zguxxf.png" class="box1">

You can change it's position by playing around with the top and margin-left properties. You can also change that image's size by replacing the width and height attributes with a different amount of pixels. Then, you'd need to create a textbox that will go inside it. What you can do is use a simple DIV code, like so:

CODE

<div style="position:absolute; top:315px; left:50%; margin-left:-385px; width:560px; height:435px;">
YOUR TEXT HERE
</div>

Just replace the text in all caps with your own text. Again, you can change the positioning attributes as well as the size attributes according to your liking. Enjoy.