Follow The Path

Questions or Installing Issues:
e-mail: ale@alecreations.net
website: http://alecreations.net/tutorial.php

• 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"> table table,table table table table,table table{background-color:transparent;width:;border:0px;} div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;} a.navbar,font,.whitetext12,.btext,.orangetext15, .redbtext,.redtext,.blacktext12, .lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;} div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none} 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;} td.text table table {display:inline; visibility:visible;} .comments{visibility:hidden;width:0px; height:0px;position:absolute; top:0px; margin-left:0px; overflow:auto;background-color:transparent; border:black 0px solid;z-index:2px;} td.text td.text img { width: 90px !important; } 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;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;} td.text td.text {height:0;} td.text td.text table b, td.text td.text table table td {font-size:8pt;} body { background-color: 000000 !important; background-image: url("http://cbimg6.com/layouts/07/11/30/23508aa.png"); background-position: left; background-repeat: repeat-y; background-attachment: fixed; scrollbar-arrow-color: 0099CC; scrollbar-track-color: 000000; scrollbar-shadow-color:000000; scrollbar-face-color:0099CC; scrollbar-highlight-color:000000; scrollbar-darkshadow-color:0099CC; scrollbar-3dlight-color:000000;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 11px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}} {basic font} .text {font:normal 11px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}} {style for the number of comments you have..} .redtext{font-family:georgia; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;} {comment title} .blacktext10{font-family:georgia; font-size:11px; color:ffffff; font-weight:none; border:0px; text-transform: uppercase; background-color: 517600;} {anchor link.} a{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:link{font-family:tahoma; font-size:10px; letter-spacing: 1px; color:ffffff; font-weight:none;border:0px; text-transform: ;} a:active{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:visited{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:hover{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} {Default Links} a:link, a.man{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 0px; letter-spacing: 1px;} a:active{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:visited{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:hover{font-family:tahoma; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} .standard b, p b, B, strong { font-family:tahoma; font-size:11px; color:ffffff; font-weight:bold; border:0px; text-transform:none; letter-spacing: 1px;} u, s, .stext, .sbtext, .swtext { font-family: tahoma; font-size: 10px; color: 0099CC; text-align: justify;} i, em, .itext { font-family: tahoma; font-size: 10px; color: ffffff; text-align: justify;} .side a:link, a:active, a:visited {background-color:000000; width:150px; font-family:century gothic; font-size:12px; color:white; border-bottom:1px dotted 857772; border-width: 1px; text-decoration:none; text-transform: uppercase; text-align:left; height:18px;} .side a:hover {background-color:000000; width:150px; font-family:century gothic; font-size:12px; color: 0099CC; border-bottom:1px dotted ffffff; border-width: 1px; height:18px; text-align:right; text-decoration:none;} .title { color: ffffff; font: 8pt georgia; font-weight: bold; padding: 1px; letter-spacing: 1px; border-bottom:1px dotted 857772; border-width: 1px; background-color: 0099CC; background-image: url(''); background-repeat:repeat; text-align:Right; text-transform:uppercase;} </style> <style>.r{}</style> <style type="text/css"> .a {hide top search bar} div div select, div div form {display:none !important;} </style> <style>body div td div div select {position:absolute!important;top:-1000px;} body div div form {display:none !important;} table table div form {display:inline !important;}</style> <style>div table div, div table div div, div table td div, div table td div div, body div table div, body div table div div, body div table div {visibility:visible !important; display:block !important}</style>

<style>.r{}</style> <div class="fashion" style=" position: absolute; left:0px;top:0px; width:800px; height:597px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/11/30/23508ab.png"> </div> <div class="About Me" style="position: absolute; left:270px; top:596px; width:500px; height:600px; overflow: visible;"> <p class="title">TITLE GOES HERE</P> <br > <br > http://alecreations.net <br > <br > Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. <p class="title">TITLE GOES HERE</P> Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. <p class="title">VIDEO</P> <b>BOLD</B>, <U>UNDERLINE</U>, <I>ITALIZE</I> <br > <br > <center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="300" width="355" data="http://www.youtube.com/v/cAaQtXUKI1w&rel=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/cAaQtXUKI1w&rel=1" /> </object></center> <center>You can erase or replace the video. </center> </div> <div class="side" style="position: absolute; left:90px; top:596px; width:160px; height:850px; overflow: visible;"> <p class="title">Navigation</p> <a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> <br> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a> <br> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"> pictures</a> <br> <a href=http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add Me</a> <br> <br> <a href="http://www.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=XXXXXXXX">Rank Me</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY2hhdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tZXNzZW5nZXImc3RyRGVzdGluYXRpb25Vcw0KZXJJRD1GUklFTkQgSUQgSEVSRSZzZW5kVHlwZT0w" target="_blank">Instant Message</a> <a href="http://alecreations.net">Ale Creations</a> <p> <p class="title">BASICS</p> <b>NAME:</b> here <br> <b>SEX:</b> here<br> <b>AGE:</b> here<br> <b>BIRTHDAY:</b> here<br> <b>SCHOOL:</b> here<br> <b>LOCATION:</b>here <br> <b>NATIONALITY:</b>here<br> <p class="title">ICONS</p> <marquee scrollamount=3 direction=left> <img src="http://cbimg6.com/layouts/07/11/30/23508ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/30/23508ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/30/23508ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/30/23508ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/30/23508ac.jpg" alt="alecreations" /> </marquee> <p class="title">COMMENT</p> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="Skem9box">Love me..</textarea><br /><input type="submit" value="Comment" class="Skem9sub"></form><br> <style type="text/css"> textarea.Skem9box {width:150px; height:45px;color:black;font-size:10pt;font-family:Arial;background-color:white;border-color:black; border-style:solid; border-width:1px;} input.Skem9sub {width:150px;color:black;font-size:10pt;font-family:Arial;background-color:white;border-color:black; border-style:solid; border-width:1px;} </style> <p class="title">FRIENDS</p> <a href="MYSPACE URL" class="span">Friend's Name</a> <a href="MYSPACE URL">Friend's Name</a> <a href="MYSPACE URL" class="span">Friend's Name</a> <a href="MYSPACE URL">Friend's Name</a> <a href="MYSPACE URL" class="span">Friend's Name</a> <p> </div> <div class="comments"><table><tr><td><table><tr><td> <style>.r{}</style>

just add a background with black or just a black colored background then you"ll see the Navigations, and you can see that it will fit the top black div.

Love this layout. Genius. Just one question: How do I get it to center on the page. It's stuck in the top left hand corner. I've tried like ten different codes, it won't move.

How do I get my icons to work? They aren't showing up =|

wow! what a background!

I love the work you've done here! Just a quick question...after reading your FAQ's, I was wondering if it was possible to change the background images in the DIVs? Just curious :)

life is a highway i wanna ride it all nite long -cool layout

Nice template, I've used it, and kept your credit in.

My images don't show up. When I paste the url of your image, it works. When I type in my url it doesn't. When I copy back the url I typed in, and paste it into the address line of a blank IE browser, the image shows up in the new browser, so the url is correct. I'm stumped. Any suggestions?

Sometimes only a white outline of the image will appear with a square and x inside. The properties of the box are correct and url leads to the image. But "Show Image" does not show the image.

Walt B

as long as my credit is intact; and you don't distribute it. its cool. :)

i love the layout.
i took out some of the navigation and replaced basics, icons, and friends with something else.
but your credit is still there.
is that okie dokie?

For blogs add this link to the navigation:

http://blog.mys pace.com/index.cfm?fuseaction= blog.ListAll&friendID=XXXXXX

if you don't know how to, PM me.

View all »

Designer	alecreations
Submitted on	Nov 30, 2007
Page views	42,840
Favorites	318
Comments	31
Reviewer	S-Majere
Approved on	Nov 30, 2007

emotions, nature, sky, road, dark

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

• Here I Stand Layouts