Myspace Div Layout Template for Profile 2.0
- Go to MSC Home  |  Go to MSC Profile 2.0 Codes -


This tutorial serves as a template to create a completely Custom Div Layout for Myspace Profile 2.0. Please follow the instructions laid out below. It might be best to copy & paste the codes first un-edited so you can see what it does to your page. Then Edit to your preferences.

For a Live Preview of this code in action click this link (yes this is a real 2.0 page!):
http://www.myspace.com/MSCDivLayoutTemplate2


Step 1: Creating the Custom Nav Bar
Add this code to your About Me Section (Edit Profile)
Replace all #'s with the URLs you will be linking to. Also replace "Link One" etc text with your own.


Step 2: Setting up the Custom Div Structure & Content
Add this to your Like To Meet Section (Edit Profile)
Create your own image banner (928px wide) and replace mine with yours (or remove "mscDiv0"). Replace "Lorem Ipsum" filler content with your own. Add new div classes for more content boxes.


Step 3: Changing the Myspace Layout
Go to Customize Profile.Then click Change Layout. Leave at 960px width or change to it. Select the Layout Style that is one big blank box (click here to see that style). Click "Modules" on left side - click to disable ALL modules except: Blurbs, Comments & Friend Space. It's important to "drag & drop" the Blurbs Module to the top of the page, then under that you can have Friends/Comments Modules on top of each other in any order.

Step 4: Styling the Custom Div Layout with CSS
Add this code to your 2.0 CSS { } Box (Customize Profile)
Click No Theme before pasting. Leave all margins/padding alone unless you know what your doing. Adjust all the colors to your own style. Publish all changes.


If you have any questions/comments on this code please ASK THEM HERE.