Surfing

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

DO NOT STEAL MY CODING AND/OR EXACT IDEAS; AND DO NOT REDISTRIBUTE. IF I SEE A LAYOUT OF MINE AND YOU CLAIM IT AS YOURS, I WILL DO WHATEVER IT TAKES TO HAVE IT REMOVE.

• 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:visible;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/23/23345aa.jpg"); background-position: left; background-repeat: repeat-y; background-attachment: fixed; scrollbar-arrow-color: 66CCFF; scrollbar-track-color: ffffff; scrollbar-shadow-color:66CCFF; scrollbar-face-color:ffffff; scrollbar-highlight-color:66CCFF; 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;} {default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 11px century gothic; 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 century gothic; 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:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;} {comment title} .blacktext10{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 66CCFF;} {anchor link.} a{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:link{font-family:century gothic; font-size:10px; letter-spacing: 1px; color:66CCFF; font-weight:none;border:0px; text-transform: ;} a:active{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:visited{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:hover{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} {Default Links} a:link, a.man{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 0px; letter-spacing: 1px;} a:active{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:visited{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} a:hover{font-family:century gothic; font-size:11px; color:66CCFF; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px;} .standard b, p b, B, strong { font-family:century gothic; font-size:11px; color:ffffff; font-weight:bold; border:0px; text-transform:none; letter-spacing: 1px;} u, s, .stext, .sbtext, .swtext { font-family: century gothic; font-size: 10px; color: 66CCFF; text-align: justify;} i, em, .itext { font-family: century gothic; font-size: 10px; color: ffffff; text-align: justify;} .side a:link, a:active, a:visited {background-color:000000; width:120px; font-family:century gothic; font-size:12px; color:white; text-decoration:none; text-align:left; height:18px;} .side a:hover {background-color:66CCFF; width:120px; font-family:century gothic; font-size:12px; color:white; height:18px; text-align:right; text-decoration:none;} .title { color: 66CCFF; font: 8pt century gothic; font-weight: bold; padding: 1px; letter-spacing: 1px; border-bottom:5px dotted 66CCFF; border-width: 2px; background-color: 000000; background-image: url(''); background-repeat:repeat; text-align:Left; text-transform:uppercase;} </style> <style>.r{}</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:793px; height:699px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/11/23/23345ab.jpg"> </div> <div class="About Me" style="position: absolute; left:220px; top:625px; width:290px; height:1100px; overflow: visible;"> <p class="title">TITLE GOES HERE</P> <marquee direction="right"><B>YOUR FAVORITE QUOTE HERE</B></marquee> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" align="left"> 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">ICONS</p> <marquee scrollamount=3 direction=left> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" alt="alecreations" /> <img src="http://cbimg6.com/layouts/07/11/23/23345ac.jpg" alt="alecreations" /> </marquee> <p class="title">FAVE. VIDEO</P> <center>Drowning Lessons - My Chemical Romance</center> <center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="300" width="300" data="http://www.youtube.com/v/1nAw-lNvqzs&rel=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/1nAw-lNvqzs&rel=1" /> </object></center> </div> <div class="side" style="position: absolute; left:570px; top:630px; width:140px; height:1100px; overflow: hidden;"> <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">my pictures</a> <br> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add Me</a> <br> <a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=XXXXXXXX">Add Me To Group</a> <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><p> <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">Hey =]</textarea><br /><input type="submit" value="Comment" class="Skem9sub"></form><br> <style type="text/css"> textarea.Skem9box {width:195px; 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:195px;color:black;font-size:10pt;font-family:Arial;background-color:white;border-color:black; border-style:solid; border-width:1px;} </style> <p class="title">BASICS</p> <b>NAME:</b>YOUR NAME HERE <br> <b>GENDER:</b>YOUR GENDER HERE <br> <b>AGE:</b>YOUR AGE HERE <br> <b>BIRTHDAY:</b> YOUR BDAY HERE<br> <b>ORIANTATION:</b> YOUR ORIANTATION HERE<br> <b>LOCATION:</b> YOUR LOCATION HERE <br> <b>NATIONALITY:</b>YOUR RACE HERE<br> <b>HOBBIES:</b>YOUR HOBBIES HERE<br> <b>MUSIC:</b>YOUR FAVORITE MUSIC HERE<br> <b>BAND:</b>YOUR FAVORITE BAND HERE [MCR!]<br> <p class="title">TITLE GOES HERE</p> Well, basically you replace this following text with yours. Type whatever, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your whatever, 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> <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 class="comments"><table><tr><td><table><tr><td> <style>.r{}</style>

i like how its laid out and everyhthing from the nav to the comment boxx but i hate the picture.

love it! [x

thanks for the comments and suggestions. :) anything that leaves a space can be fixed by adding stuff to it.

i couldn't find any other image. im not into surfing. :/

this is nice but should make icons bit bigger there is a huge space under video
might should of used for icons

but other then that 4.5/5

well I like it. the img could of been a little better, other than that its great. thanks alot =]

im not so sure about the white background. i think u should've chosen dark gray or something. the image isn't that great either. for FF, the navigation is a bit messed up.

ooohhhh i likey.

its not covered. it only shows it like that on the preview.

You should really stop covering the ad with the layout image

Designer	alecreations
Submitted on	Nov 23, 2007
Page views	20,394
Favorites	87
Comments	9
Reviewer	S-Majere
Approved on	Nov 23, 2007

nature, sports, surf, surfing, ocean

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

• Here I Stand Layouts