2/8 MySpace Div Overlay Layout Tutorial February 3, 2009

Watch in High Quality - http://www.youtube.com/watch?v=iGMMlmUjkyA&fmt=18

I will be showing how to make a div overlay layout, just follow along. The first code is the original code I started out with, the second link is the image we want our background to look like, the third link is the final code. We go from this div overlay layout http://msdazzlebackgrounds.com/myspace-layouts/preview/3406 to this layout http://msdazzlebackgrounds.com/myspace-layouts/preview/3401

Beginning Code- http://www.fileden.com/files/2008/6/12/1956714/before%20code%20feb%203%202009...

Background Image- http://i216.photobucket.com/albums/cc191/atord1987/remadebeautifulgreenblackd...

Ending Code- http://www.fileden.com/files/2008/6/12/1956714/feb%202%2009%20div%20green%20w...

I am trying to make it not to be confusing by explaining every step i'm doing. If you follow along, you should be able to do one of your own! Any questions, comments, suggestions, ask away. Feel free to rate, comment, or subscribe.

****Some tools you need are ****

MeasureIt (Measures the amount of pixels between two divs, also measures the width and height of something, so you don't need to guess. http://www.kevinfreitas.net/extensions/measureit/

Firefox Browser (To be able to use the pixel measurer) http://www.mozilla.com/en-US/products/download.html?product=firefox-3.0.5&...

Color Picker - Picks any color on the internet into an html web color for you to use. http://www.iconico.com/colorpic/

Category:

Howto & Style

Tags:

• myspace div overlay
• div overlay tutorial
• atord1987