Oh So Perfect Couple (div)

Designer's Comments

Look carefully for specific instructions

Don't Remove the Credit... or I will have to hurt you.

MUST HAVE HTML KNOWLEDGE

I made this on a 1280 x 800 ... so If you are using a different resolution the DIV Boxes might be off... If so, Feel Free to play with the numbers and fix it to fit your screen.

For the Navigation Bar: Fill in the correct URL address with yours...

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

body {
background-color: black;
background-image: url("");
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:black;
scrollbar-track-color: black;
scrollbar-shadow-color: white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:white;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px ; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px franklin gothic book; color:black; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family:franklin gothic book; font-size:10px; color:white; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family:franklin gothic book; font-color:black;  font-weight: bold; font-size: 10px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family:franklin gothic book; font-size:10px; color:black;  font-weight: bold; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:9px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:franklin gothic book; font-size:10px; color:black; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family: edwardian script itc; font-size:30px; color:black; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:edwardian script itc; font-size:30px; color:black;  font-weight:none;border:0px; text-transform: lowercase;}  
a:visited{font-family:edwardian script itc; font-size:30px; color:black;  font-weight:none;border:0px; text-transform: lowercase;} 
a:hover{font-family:edwardian script itc; font-size:30px; color:black; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:eras light itc; font-size:12px; color:eras light itc; font-weight:bold;border:0px; text-transform: lowercase; }

</style>

<div class="content" style="position: absolute; left:325px;  top:430px; width:264px; height:107px; overflow: auto;"><center>
<B>THIS IS WHERE YOUR CONTENT GOES....   yo yo! I'm Amber Noel... :) Don't Remove my Credit Link... Or I'll hurt you. Yeah..... Be Scared.... Haha... BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
</b>
</div>

<div class="content" style="position: absolute; left:325px;  top:592px; width:264px; height:130px; overflow: auto;"><center>
<B>Put You Music Info Right Here... Okay? Pop, Rock, whatever you like... This is your Space... Got it? Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah
</b>
</div>

<A HREF="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhY">Message</A>                <BR><BR>

<A
HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhY">Pictures</A> 
<BR>                                 <BR>

<A HREF="http://www.myspace.com/missambernoel">Amber Noel</A><BR><BR>

</div>

</div>
<style type="text/css">
body div table td form img{display:none!important;}
</style>

</div>

Layout Comments

Showing latest 10 of 13 comments

first off, love the layout. however the 'yes' button for comments isnt working. it just takes everyone to their home page. im semi new to all this code stuff and cant figure out what i did wrong if anything.....any ideas on how to fix it??

By ashley0887 on Jul 9, 2009 12:53 am

Heyy Thankyou so much for making an awesome layout!
Its really great and i love it.
But i have one problem.
the navigation bar with the links like home, pictures and email.
well the text on the preview before i set it as my own layout was black.
I entered the code in and previewed it on my own myspace and none of the links in the navigational bar show up. I tried to change the colour of the text by editing the code but this did not work. i was hoping you have an idea of how to fix it
Many thanks *hugs*
xx

By kittyrawr on Feb 3, 2009 2:05 pm

the scroll bar on the about me doesn't work.. could u fix it?

By xplzbminex on Jan 28, 2009 2:34 pm

im kinda confused as to where im supposed to put my URL or my friend ID plz help!!! ASAP!

By Pawan on Jun 21, 2008 2:01 am

niice!!

By missk on Apr 26, 2008 5:07 pm

this is soo cute.
great layout.

By aaayotiffany on Mar 3, 2008 8:28 pm

its off center in firefox but other than that i like it :]

By kyliebugg1 on Jan 27, 2008 3:31 pm

Awlz♥...this is too cute. I really wanna use it, but ap cal prevents me frm having the time to go through the code. Maybe a nother day...I kno im really late on this one, oh well
=]

By amnestangel on Nov 4, 2007 5:40 pm

did you put your URL links in the spot... so it's programmed for your myspace profile??

By PINKLollyPOP on Sep 15, 2007 1:29 pm

everytime someone tries to click to message me or look at me pictures it says my profile is deleted. how do i fix that

By xstraightedgegirlyx on Sep 15, 2007 12:39 pm

View all »

Layout Details

Designer	PINKLollyPOP
Submitted on	Sep 14, 2007
Page views	71,965
Favorites	536
Comments	13
Reviewer	IVIike
Approved on	Sep 15, 2007