Highway to Anywhere.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

Photo Credit: RAWKU5

This is my last layout in this style, I square. Well, I actually wanted to do a black and white one, but I'll hold that off for a little while. This one actually turned out to be one of my favorites that I've ever made. Comments are appreciated. :D

Visit my website & myspace to see more.

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 type="text/css">body{
background-color:505d5c;
background-image:url(http://cbimg6.com/layouts/09/02/33681ag.png);
background-position:center center;
background-repeat:repeat;
background-attachment:scroll; }

.background1{
position: absolute; 
left: 50%;
margin-left:-318px; 
_margin-left:-316px; 
padding-bottom:0px;
top: 100px;
z-index:0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-80px; 
top: 530px; 
width:  378px; 
padding-bottom:20px;
text-align:justify;}

.section2{
position: absolute; 
left: 50%; 
margin-left:-286px; 
top: 530px; 
width:  189px; 
padding-bottom:20px;}

div{
font:10px georgia; 
color:b3ccb8; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:20px;}

b{color:accccc;}

a.nav:link, a.nav:visited, a.nav:active {
display:block;
border: none; 
width:100%; 
color:ffffff; 
background-color:054141;
width:82px; 
_width:90px; 
letter-spacing: 0px; 
text-transform:none; 
font: 9px georgia; 
text-align: left; 
background-image:url(); 
background-position:right; 
background-repeat:no-repeat; 
margin-bottom: 2px;
padding:3px;}

a.nav:hover {
display:block;
border: none; 
width:100%; 
color:ffffff; 
background-color:75c421; 
width:82px; 
_width:90px; 
letter-spacing: 0px; 
text-transform:none; 
font: 9px georgia; 
text-align: left; 
background-image:url(); 
background-position:right; 
background-repeat:no-repeat; 
margin-bottom: 2px;
padding:3px;}

b{color:75c421;}

textarea.area{
background-color:948200;
width:176px;
_width:180px;
height:60px;
font-family:georgia;
color:ffffff;
line-height:20px;
font-size:15px;
text-align:left;
text-transform:none;
border:0px solid;
border-color:000000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
margin-top:2px;
}

input.button {
background-color:054141;
width:176px;
_width:180px;
height:14px;
font-family:georgia;
color:ffffff;
line-height:7px;
font-size:7px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000000;
font-weight:normal;
letter-spacing:0px;
margin-top:1px;}

a:active,a:visited,a:link,a{
	color:ffffff;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}

a:hover{
	color:000729;
	font-size:9px;
	line-height:20px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:arial;
	text-decoration:none;
	text-transform:none;}

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}</style>

<div class="section1">
<img src="http://cbimg6.com/layouts/09/02/33681ac.png"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. 
<br></div>

<div class="section2">
<img src="http://cbimg6.com/layouts/09/02/33681ad.png"><br>
<b>Name:</b> Blah<br>
<b>Age:</b> Blah<br>
<b>Location:</b> Blah<br>
<b>Gender:</b> Blah<br>
<b>Status:</b> Blah<br>

<img src="http://cbimg6.com/layouts/09/02/33681ae.png"><br>
<table>
<td>
<a class="nav" target="_self" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX">Add</a>
<a class="nav" target="_self" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Message</a>
<a class="nav" target="_self" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX">Block</a>
</td>
<td>
<a class="nav" target="_self" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXX">Blog</a>
<a class="nav" target="_self" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX">Pictures</a>
<a class="nav" target="_self" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX&MyToken=d1585d26-8cd7-4db3-8d60-fe3e80bd4714">Friends</a>
<a class="nav" target="_self" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX">View Comments</a>
</td>
</table>

<img src="http://cbimg6.com/layouts/09/02/33681af.png"><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello.</textarea><br />
<input type="submit"class="button" value="send"></form>
</center></div>

Layout Comments

Showing latest 10 of 76 comments

i looked through everyones comments to find an answer for my comments and pictures and view comment links not working. im not new to htlm and i know how to atleast input the friend id in the xxxxxx's spot but it works for some things like my blog but not anything else!!!!

By joeyfrost on Nov 6, 2009 10:28 am

yo i really like this layout...can u make a image (like the titles) that says "Friends"?

By bhopez4sho on Oct 25, 2009 10:54 pm