Purple & Blue Gradient

Myspace Layouts / Div Overlay

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>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>

HTML {cursor:crosshair; }

.layout {
position:absolute; 
top:175px;
left:50%;
margin-left:-285px;
overflow:visible;
padding:0px; border:0px; 
background-color:transparent;
font-size:9px!important;
font-family:Arial;
color:BBBBBB; } 
.layout a, .layout a:hover {font-size:9px!important;}

.about {
position:absolute;
top:400px;
left:50%;
margin-left:-260px; 
width:490px; 
height:167px;
overflow:auto;
overflow-x:hidden!important;
padding:0px;
background-color:transparent; }

div, table, td, th, tr, small, big, font {
font-size:11px;
font-family:Tahoma;
font-weight:normal;
color:000000; }

a:link, a:visited, a:active {
font-family:Trebuchet MS; 
font-size:11px;
font-weight:normal;
color:7D26CD;
text-decoration:none; }

a:hover {
font-family:Trebuchet MS; 
font-size:11px;
font-weight:normal;
color:FFFFFF;
text-decoration:overline; }

i, em {font-family:georgia; }
u {border-bottom:1px dashed white; text-decoration:none;}
b {font-family:Verdana; letter-spacing:1px;}
</style>

<div class="layout">
<IMG SRC="http://cbimg9.com/layouts/08/11/32371aa.png" WIDTH="536" HEIGHT="411" BORDER="0"  USEMAP="#Purple_and_Blue_Gradiet_with_Stripes_Map">
<MAP NAME="Purple_and_Blue_Gradiet_with_Stripes_Map">
<AREA SHAPE="rect" COORDS="37,397,76,406" HREF="http://37am.net">
<AREA SHAPE="rect" COORDS="470,95,521,112" HREF="http://37am.net">
<AREA SHAPE="rect" COORDS="421,92,456,117" HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="375,96,406,118" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="315,93,366,112" HREF="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="237,96,300,113" HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="186,98,223,116" HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="134,97,174,113" HREF="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">
<AREA SHAPE="rect" COORDS="76,92,125,112" HREF="http://home.myspace.com/index.cfm?fuseaction=user">
</MAP>
<br /><br /><center>
©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>
</center>
</div>

<div class="about">
<b>Bold</b>, <u>Underlined</u>, <i>Italic</i>, <a href="#">Link</a> <br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus dapibus nibh posuere quam. Mauris nec erat. Donec eu libero. Duis leo nulla, rhoncus nec, pulvinar rutrum, pellentesque vitae, pede. Phasellus semper mattis ligula. Etiam dui velit, malesuada lobortis, scelerisque a, luctus id, mauris. Sed porttitor. Pellentesque sed velit ut quam mollis pretium. Quisque commodo ligula at sem tincidunt bibendum. In mauris augue, iaculis ac, tempor a, pretium id, tellus. Aliquam sollicitudin. Sed nibh purus, malesuada a, luctus at, dapibus a, sapien. <br /><br />
Sed lacinia arcu sed massa. Phasellus accumsan consectetuer nisl. Quisque rhoncus nulla ac orci. Mauris convallis tincidunt nulla. In venenatis. Praesent vel velit a augue lobortis viverra. Mauris blandit magna quis dui. Mauris laoreet elit eget arcu. Sed auctor, neque nec laoreet dictum, augue dolor consequat augue, nec imperdiet nibh lorem et tellus. Aliquam vitae libero. Nunc non dolor ac justo vestibulum ultrices. Suspendisse blandit malesuada mi. Duis dictum. Mauris gravida, risus quis mollis posuere, justo tellus condimentum augue, ut laoreet ligula dolor eu felis. Etiam ultricies nunc a ipsum. Nunc sodales luctus arcu. Integer odio. Cras dictum sodales ante. Praesent tincidunt purus a mauris. 
</div>