1982

Designer's Comments

Look carefully for specific instructions

TERMS OF SERVICE
1. Please do not remove the credit or the myspace links since that can lead to your myspace account being deleted.
2. You may not alter the code or use it as a template! I worked hard on this layout and I do not want to see copies of the same exact work, just with a different background.
3. You must know how to use html before using this layout.

HOW TO USE
Replace XXXXXXXX with your friend id!

CREDITS
All coding was done by me. The background image is credit to Hana @ colourlovers.com

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
body {
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
background-color:FFFFFF;
background-image:url(http://cbimg9.com/layouts/08/11/32332aa.png); 
}

b {color:6A6980;}
u {color:E3AFBF;}
i {font-family:georgia; color:C39BC9;}

.container {
background-color:black!important;
padding:0px; border:0px;
position:absolute;
left:50%;
margin-left:-300px; 
top:200px;
}

.t {
padding:10px;
background-color:000000;
overflow:visible;
}

.header {
display:block;
text-align:right;
font-family:Century Gothic;
font-size:140px;
letter-spacing:-15px; 
font-weight:normal;
text-transform:lowercase;
background-color:transparent;
color:E3CDAF;
overflow:visible;
width:600px;
}

.content {
width:400px; 
overflow:visible;
overflow-x:hidden!important; 
text-align:left;
background-color:000000;
font-family:verdana;
font-size:11px;
font-weight:normal;
color:545454;
text-decoration:none;
}

.side {
width:165px;
overflow:visible;
overflow-x:hidden!important;
text-align:left;
background-color:000000;
font-family:verdana;
font-size:11px;
font-weight:normal;
color:545454;
text-decoration:none;
}

h1 {
display:block;
text-align:left;
font-family:arial;
font-size:32px;
line-height:17px;
text-transform:lowercase;
letter-spacing:3px;
font-style:italic;
padding-left:15px;
color:E3AFBF;
}

h2 {
display:block;
text-align:right;
font-family:Arial;
font-weight:bold;
font-size:21px;
line-height:15px;
text-transform:lowercase;
letter-spacing:2px;
padding-right:10px;
color:C39BC9;
}

.navlinks {
position:absolute!important;
top:175px;
left:50%;
margin-left:-310px;
}

a.nav1:link, a.nav1:visited, a.nav1:active {
font-family:arial;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
display:block;
height:75px;
width:65px;
text-align:center;
background-color:000000;
color:E3AFBF;
margin-left:9px;
text-transform:lowercase;
text-decoration:none;
}

a.nav1:hover {
font-family:arial;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
display:block;
height:75px;
width:65px;
text-align:center;
background-color:C39BC9;
color:35315E;
margin-left:9px;
text-transform:lowercase;
text-decoration:none;
}

.copyright {
display:block;
text-align:center;
padding:3px;
font-family:arial;
font-size:9px;
font-weight:normal;
color:545454;
}

a:link, a:visited, a:active {
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:E3CDAF;
}

a:hover {
font-family:Tahoma;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:E3AFBF;
}
</style>

<tr><td valign="top">
<div class="content">
<h1>Header 1</h1>
<b>Bold</b>, <u>Underlined</u>, <i>Italic</i>, <a href="http://www.msplinks.com/MDFodHRwOi8vMzdhbS5uZXQ=">Link</a> <br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam euismod ante in magna. Sed eu ipsum ut felis porttitor vestibulum. Pellentesque ultrices interdum elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis at nisi vel elit malesuada auctor. Nam pretium, pede vel dictum eleifend, orci pede placerat enim, nec congue orci tellus ac nisi. Nullam interdum ipsum at ante. Etiam mollis laoreet sem. Etiam turpis. Donec dignissim aliquet quam. Proin luctus, elit et dignissim sodales, quam eros varius risus, eget posuere sapien elit et dui. Quisque quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam lobortis. Nunc in ligula. Suspendisse potenti. Duis nec dolor. Donec ligula nisl, bibendum ac, bibendum quis, dignissim in, lectus.
<br /><br />
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris auctor justo a quam. Etiam lacus ante, posuere vel, tincidunt viverra, cursus vitae, turpis. Curabitur rhoncus ante. Quisque laoreet venenatis erat. Proin id orci quis elit vehicula aliquet. Duis laoreet. Maecenas quam dolor, tempor vel, aliquet et, euismod sed, sapien. Nunc iaculis ligula at odio. Mauris pulvinar tortor sit amet tellus. Vivamus euismod orci in sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras erat lacus, sagittis at, auctor sit amet, cursus ultrices, velit. Morbi viverra, ligula sit amet interdum porttitor, nunc dolor egestas nunc, non vehicula nulla purus hendrerit enim. Quisque blandit. Vestibulum vel magna. Phasellus consequat mattis magna.
<br /><br />
Aenean viverra nulla ut leo. Suspendisse luctus. Duis feugiat egestas mauris. Praesent dolor lorem, pretium sed, egestas nec, auctor id, urna. Nullam sed quam. Integer lectus diam, iaculis et, sodales eget, semper consectetuer, risus. Phasellus rhoncus nibh nec est. Aenean condimentum consequat sem. Mauris viverra feugiat enim. Donec convallis accumsan metus. 
</div>
</td>

<td valign="top">
<div class="side">
<h2>Header 2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam euismod ante in magna. Sed eu ipsum ut felis porttitor vestibulum. Pellentesque ultrices interdum elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis at nisi vel elit malesuada auctor. Nam pretium, pede vel dictum eleifend, orci pede placerat enim, nec congue orci tellus ac nisi. Nullam interdum ipsum at ante. Etiam mollis laoreet sem. Etiam turpis. Donec dignissim aliquet quam. Proin luctus, elit et dignissim sodales, quam eros varius risus, eget posuere sapien elit et dui. Quisque quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam lobortis. Nunc in ligula. Suspendisse potenti. Duis nec dolor. Donec ligula nisl, bibendum ac, bibendum quis, dignissim in, lectus.
<br /><br />
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</div>
</td></tr>
<tr><td colspan="2">
<div class="copyright">
©2003-2008 MySpace.com. All Rights Reserved. <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms">Terms</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1taXNjLmNvbnRhY3RJbnB1dCZQcm9maWxlQ29udGVudElEPTMwOTYwNDYwMg==">Report Abuse</a> |
<a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy">Privacy</a> | <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite">Safety</a> | Layout ©<a href="http://37am.net">37am.net</a>
</div>
</td></tr>
</table>
</div>

<div class="navlinks">
<table><tr><td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Home</a></td>
<td><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Msg</a></td>
<td><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add</a></td>
<td><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Blk</a></td>
<td><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1">Cmt</a></td>
<td><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1">Pics</a></td>
<td><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav1">Blog</a></td>
<td><a href="http://37am.net" class="nav1">Credit</a></td>
</tr></table>
</div>

Layout Comments

Showing latest 10 of 15 comments

Love it. I might just use it :D

By WizardMadds on Jul 23, 2009 9:50 am

i love this i wish it just wasnt purrrple

By xXR0CKST4RXx on Jan 9, 2009 10:13 pm

ok umm why is it that wen pple try to go into the piks or bak home or comment it says the account mustve been deleted or what not! why is that? can someone help me out to get them links to go to my stuff. im kinda not good wit that stuff. id appreciate it... thnx

By Kah-san-druh on Dec 3, 2008 8:13 pm

I love this.

By coutour-robots on Nov 28, 2008 6:35 am

yes, i really do like how clean and orderly this is... um, i know that you asked us not to tweak it, but i was wondering if i could put a picture next to the 'name' part... could you please tell me how to do that (or perhaps give me a code)? ...but i totally respect your opinion if you wish not to :)

By 0002159982 on Nov 25, 2008 1:18 am

I LOVE IT BUT CHECK IT AGAIN THERE'S AN ERROR IN THE CODE BEACUSE IT DOESNT WORK PERFECTLY... =[

By alexis01 on Nov 7, 2008 7:04 pm

This is realllllyyyyyy simple, the font choice is poor, and it's misaligned in firefox. If I were you I would try to spice it up a bit with some kind of image and chose a font that is more complimenting to the layout.

By IVIike on Nov 3, 2008 9:18 pm