You may have come across MySpace layouts that look completely different to the standard MySpace layout, and have wondered how the layout was created.
These profiles were created using a technique called “Div overlay” or “Div layouts”. If the profile uses a lot visual effects, more than likely Flash has also been used.
Let’s first of all look at Div layouts.
In a nutshell, how a Div layout is created is that the existing MySpace profile is hidden or covered up, and then a new profile is built over the top. That’s why you’ll see so many weird and wonderful layouts. The only real constraints are that you’re not allowed to cover up the MySpace advertisment, and you need to add back the MySpace contact functionality, in particular the Block User button (the MySpace folks don’t like profiles that can’t be blocked).
So how do you actually create a Div profile?
The best way to get started with Div layouts, is to take some Div layout templates (
you’ll find plenty here) and then start experimenting. But before you start, let me explain what it’s all about.
The key to hiding the standard profile is a computer language called Cascading Style Sheets (CSS). CSS allows you to set up a stylesheet that specifies what your web page looks like, and the MySpace people have used CSS to specify what a standard profile looks like.
The interesting thing about CSS is that the CSS code you place in your profile over rides the CSS code placed by the MySpace folks. What this means is that you can use CSS is redefine existing MySpace profile elements. Using the “visibility” and “display” properties you can stop these elements from being shown altogether.
Once the existing profile is hidden, the next step is to start building a new profile over the top. This is where the “Div” comes in. In HTML div tags mark out “logical divisions” of the web page. You can think of them as a container for your content. You can place text and images inside a pair of div tags, and then use the position property to position your content on your profile.
You do need to add back MySpace functionality, and this is simply a matter of creating HTML links in your profile to the various MySpace functions, such as browse, search, invite, etc, as well as the contact box functions, such as Send a message, Add to friends, etc.
As I said, the best way to learn how to do create Div layouts is to start experimenting with premade Div templates, and you’ll fnd plenty of free Div templates at various MySpace groups. My suggestion is to start with Free Divs.
There’s only so much you can achieve by coding your own Div layout, which is why many MySpace customizers move onto Flash.
Macromedia Flash is a multimedia authoring program, which is now distributed by Adobe. Flash is specifically designed to allow you to create web sites with animations and other visual effects.
Multimedia files created by Flash have a .swf extension. It’s possible to play Flash files directly from your profile, as long as you (and people visiting your site) have a Flash player installed—which 98 percent of people do because Windows XP comes bundled with a Flash player.
To create a Flash-based profile, you would need to cover the existing profile using the techniques discussed in this article, and then launch the Flash animation from within a Div, which you would need to size and position appropriately. For more information about Flash profiles, visit the MySpace group
Copenhagen Tutorialscredits go to John Pospisil