How to Insert a Div Overlay, Header or Banner at the top of your myspace or webpage
If you havent yet inserted a gap at the top of your myspace of between the links and the music player visit these pages first!
Gap above your music player.
Now that you have inserted a gap above your music player on your myspace page you will need to fill it! That's were Div Overlays come into place. These can be used on any page, Not only myspace pages. These div overlays are what are used to get the headers and banners at the top of bands myspace pages an will help your myspace stand out.
The Code: For Myspace, Insert this code just below the code you used to make a gap above the music player.
<style>
.masthead {width: 800px; height: 110px;
position: absolute; margin-left: 140px; left: 12%; top: 200px;
background-image:url(INSERT IMAGE URL);}
</style>
The first thing you will need to change is this line: width: 800px; height: 110px;
This line decides how much the overlay will cover, you need these measurements to be the same as the size of the image you want for the Div Overlay.
So if your image is 800px by 500px you need to change the line to width: 800px; height: 500px;
Now the next line is 'position: absolute; margin-left: 140px; left: 12%; top: 200px;'
The main numbers for this are the first number (in this example 140px) and the last number (200px)
These numbers will determine the placement on the screen, There first will move the image left or right, the less the number will make the image move further left the larger the number the more right.
The Second of these numbers (200px) determines how high or low the image will be, The less the number the higher the more the lower the image will be.
To get your image exactly were you want it there will be alot of trial and error! Keep experimenting with these numbers and you will figure it out.
Finally you need to insert your image, all you need to do is insert your image URL into were it says INSERT IMAGE URL, but I'm sure you figured this much out yourself!
For more myspace tweaks and customizations visit: MySpace tweaks
|
