Road To...

Make sure you replace the XXXXXX with your own friend ID!
Dont move credits or any of that, or the links because the are one image.

• 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

<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"> .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;} table table table table,table table table table td.text, td.text td.text table{display:none;} 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;} </style> <style>EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}</style><style type="text/css">embed, object {display:block; width:0px; height:0px;}</style> <style type=text/css> body { background-color: d0d1d2; background-image: url(""); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:000000; scrollbar-track-color: ffffff; scrollbar-shadow-color: ffffff; scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-3dlight-color:ffffff;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} table table table {border: 1px solid; border-color: ffffff; background-color: ffffff; } body,table, td, li, p, div, textarea {font:normal 10px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;} .text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;} .redtext{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; } .redbtext{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; } .orangetext15{font-family: arial; color: ffffff; font-weight: bold; font-size: 20px; letter-spacing: -2px;} .lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; } .whitetext12{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;} .blacktext12{font-family: arial; color: ffffff; font-weight: bold; font-size: 20px; letter-spacing: -2px; } .nametext{font-family: arial; color: ffffff; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} .blacktext10{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;} a{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.redlink{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.navbar{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:link, a.man{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:4f749e; font-weight:none;border:0px; text-transform: uppercase;} input, textarea { color:000000; font-size:8pt; font-family:arial; background-color:ffffff; border-width:1px; border-style:solid; border-color:000000;} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:7b8fa4; font-weight:none;border:0px; text-transform: uppercase; } .standard i, p b, I, strong { font-family:arial; font-size:9px; color:545a75; font-weight:none;border:0px; text-transform: none; } .standard u, p b, U, strong { font-family:arial; font-size:9px; color:545a75; font-weight:none;border:0px; text-transform: none; } .nav{position:absolute;width:160px; height:185px;top:0%;left:0%;margin-top:157px;margin-left:160px;border-width:1px;z-index:2;overflow:none; background-color:d0d1d2;} </style> <div class="header" style="position: absolute; left:130px; top:150px; width:960px; height:553px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/12/02/23551aa.jpg"> </div> <div class="content" style="position: absolute; left:340px; top:483px; width:570px; height:211px; overflow: auto;"><center> <b> alrighty,</b> here <i>is</i> where <u>your</u> text willl go. type too much, and you will see that this section will form a scroll bar. Here is where you can put your about me section. Photo above taken by me. Layout also coded by myself. First DIV myspace layout. WOOOHOO. Anyways, please dont remove credit. <BR> <b>BOLD</b> <i> italics</i> <u> underline </u> <BR><BR> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="25" rows="3">Comment</textarea><br /><input type="submit" value="comment"></form> <br></a></div> </div> <div class="nav"> <img src="http://cbimg6.com/layouts/07/12/02/23551ab.jpg" width="160" height="185" border="0" usemap="#Navi" /> <map name="Navi"> <area shape="rect" coords="1,1,105,39" href="http://home.myspace.com/index.cfm?fuseaction=user" /> <area shape="rect" coords="4, 90, 140, 120" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" /> <area shape="rect" coords="3,45,169,81" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" /> <area shape="rect" coords="3,137,170,174" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" /> </map> </div> <div class="content" style="position: absolute; left:340px; top:710px; width:570px; height:211px; overflow: auto;"><center> <a href="http://jaderbug.createblog.com/">(C) to Jaderbug@Createblog.com</a> </div>

how do you unhide the default photo or add view pictures somehow?? please help

I really really like it.
Just wish the music player would work.
n_n

love it. but i wish music would play >

forget that last comment, its all one image so thats gonna be stupid

this is good, but im removing the credit and adding it to the image, making it a clickable

i dont see a place to put your friend ID anywhere to make the NAV work. i even put it in notepad. and searched for it. help ?

but its a wonderful layout, i love it !

gorgeous and simple!
Thanks.

**
could someone tell me how to UNHIDE the music player?

i am going to use it but remove the comment/add, box

simple, but it captures ur attention, such and such.

View all »

Designer	jaderbug
Submitted on	Dec 2, 2007
Page views	27,686
Favorites	153
Comments	18
Reviewer	sweetasphyxia
Approved on	Dec 2, 2007

, road, grey, black, scenic

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts