Surfer Girl MySpace Layout - Surfer Girl MySpace 2.0 Layout

Surfer Girl 2.0 MySpace Layout. We have the best Surfer Girl layout codes available.

You are viewing the Surfer Girl MySpace 2.0 Layout.

Surfer Girl MySpace 2.0 Layout

Go to Profile/edit profile and copy and paste (click in the box,right click and copy) the code from the small box below in your "About Me" section then click "Save Changes"

Then follow the steps below to customise your profile.

/* body, main font properties, background of page */
body {
background-attachment:fixed;
background-color:#FFFFFF;
background-image:url(bg.jpg); 
background-position:center center; 
background-repeat:repeat;
  font-family: helvetica, arial;
  font-size: 11px;
  color: #000000;
}

/* width of profile, second background color */
div.wrap{
  width: 80%;
  background-color: #FFFFFF;
  border-left: 8px solid #404040;
  border-right: 8px solid #404040;
}

/* header & navigation properties */
div#header, div#googlebar {background-color: #FFFFFF;}
#topnav {background-color: #FFFFFF;}
#topnav a {color: #00C3C9;}
#topnav ul, #topnav ul li {border: none;}
#topnav ul li a:hover {background-color: #00C3C9;}

/* global module properties */
div.moduleMid1 {background-color: #FFFFFF; padding: 5px; border: 0px solid #00C3C9;}

/*HEADINGS*/
h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #ffffff; background-color: #00C3C9; }
h4 { font-size: 110%; }

/* basic details */
div.profileDemographics {background: #FFFFFF; border: 1px solid #00C3C9;}

/* Interests, Blog Entries, Details, Friend Space & Comments */
h3.moduleHead{
  font-weight: bold;
  font-size: 16px;
}

/* general, music, status, ethnicity */
strong, h4 {font-weight: bold; color: #000000;}

/* link properties */
a:link {color: #000000; font-weight: bold;}
a:visited {color: #000000; font-weight: bold;}
a:hover {color: #00C3C9; text-decoration: underline;}

/* odd/even properties */
.interestsModule .odd, .detailsModule .odd, .commentsModule .odd {background-color: #C0C0C0;}
.interestsModule .even, .detailsModule .even, .commentsModule .even {background-color: #C0C0C0;}

/* footer properties */
div#footer {font-size: 10px;}			.creditlink{
			position: absolute;
			top: 0px;
			left: 0px;
			}

/*BEGIN_ABOUT_CONTENT
			<a class="creditlink" href="http://www.getonmyspace.com/">Free Profile 2.0 Layouts</a> from GetOnMyspace.com
			END_ABOUT_CONTENT*/
                            body{ background-image: url("http://www.getonmyspace.com/Profile_2/Summer_Layouts/Surfer_Girl/bg.jpg")}

How to use the Surfer Girl Myspace 2.0 Layout code In your Profile
1. Click Get Layout Code.
2. Click Copy.
3. Login to Myspace and go to "Customize Profile".
4. *IMPORTANT*. Click "Select Theme" and click on the first blank box. It will ask if you want to Keep Custom Styles.....Click "DISCARD".
5. Click on the "CSS" button and paste the code into the box.
6. Click "Preview" (please be aware that because of a Myspace error your layout may not show in the preview) then click on publish. Congratulations! You now have a new Surfer Girl Myspace 2.0 Layout