Customizing Div Overlay boxes. |
Customizing Div Overlay boxes. |
Dec 15 2008, 05:58 AM
Post
#1
|
|
Newbie Group: Member Posts: 4 Joined: Dec 2008 Member No: 703,619 |
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. |
|
|
Dec 15 2008, 07:35 AM
Post
#2
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
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. |
|
|
Jul 16 2009, 05:29 PM
Post
#3
|
|
Senior Member Group: Head Staff Posts: 18,173 Joined: Mar 2005 Member No: 108,478 |
Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.
|
|
|