6/7 How to Make a MySpace Div Overlay Layout (Tutorial)

For this tutorial, I already have the background image made. I misaligned everything on purpose to show how you can align divs in the layout. Also, how to change the background color of a div by using the Color Picker. Instead of guessing like me, I did not realize how good the Pixel Measurer actually is, until i tested it. It works perfectly. So if you want to figure out how much space is required to move a div to the left, right, up, or down, just use the tool below. Questions, comments, suggestions. The zoom worked well here, is it too far? Any questions, comments, suggestions, just say.

Watch is High Quality (HQ): http://www.youtube.com/watch?v=ItUhjfqcLo0&fmt=18

Where is the Code? http://www.fileden.com/files/2008/6/12/1956714/1divblueblack.txt

How do you hide the bottom links? http://www.fileden.com/files/2008/6/12/1956714/hidebottonlinks.txt

What do you use to pick a color to match the background color of anything? http://www.iconico.com/colorpic/

How do you measure the pixel distance between divs to not blind guess? Here is a good measurer I found, you need to download the firefox browser to use it. It will download to the add-ons. Just click the blue link. http://www.kevinfreitas.net/extensions/measureit/

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

Who made the layout? I did.

Category:

Howto & Style

Tags:

• div overlay tutorial
• div layout tutorial
• atord1987

[DemonSoul89]

lmao i highly dount you made this :DDD