1/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

What is the website you go to to preview your layouts? http://www.createblog.com

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

[SAMAEL55555]

it works with band myspacE?

tHNx

[atord1987]

@SAMAEL55555 lo siento pero no, I don't know music myspaces unfortunately.

[DarknessInside1self]

I was wondering, is there any way to format this css code to put it on the myspace 2.0? I keep trying to apply it in the css code field but all it does is change the font

[atord1987]

if you give me your e-mail and pword for myspace i will try to fix that for you.

[sHiBoILeE309]

hey.. i was just wondering.. how you to make a layouts and change it into myspace.. like.. the html into style

[atord1987]

just use my code and replace the background image with your own, and the styles, sizes, for the links, you can use an image map, or just have regular links, or rollovers.

[soclosetonever]

I wish I could watch this but your voice is putting me to sleep.

[KaananAdams]

What are you using to code and build the layouts?

[manelshady]

very good

[SliMDADDYo09]

this video is very helpful & all . but it's just too confusing to me . Would you mind making me a layout ?

[SliMDADDYo09]

this video is very helpful & all . but it's just too confusing to me . Would you mind making me a layout ?