The Wave.

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

I submitted this before, but I made a stupid error that I would have caught if I wasn't in such a hurry when I was coding. Why I was in a hurry, I don't know. Well anyway, tell me what you think. It's pretty simple, but that's good sometimes, right?

Want to see all my layouts and graphics?
website
myspace

• 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">body{ background-color:485566; background-image:url(http://cbimg9.com/layouts/08/05/27886ab.gif); background-position:top left; background-repeat:repeat-y; background-attachment:scroll; scrollbar-arrow-color:485566; scrollbar-track-color:485566; scrollbar-shadow-color:fff; scrollbar-face-color:fff; scrollbar-highlight-color:fff; scrollbar-darkshadow-color:fff; scrollbar-3dlight-color:fff;} </style> <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;} body div table td form img{display:none!important;} body div table td form option{display:none!important;} body div table td form select{display:none!important;} body div table td form input{display:none!important;} .section1{ position: absolute; left:320px; top: 320px; width: 400px; overflow: auto;} .section2{ position: absolute; left:180px; top: 320px; width: 130px; overflow: auto;} .section3{ position:absolute;left:0px;top:0px;width:800px;height:335px;} h1{ font-family:century gothic; font-size:27px; letter-spacing:-3px; line-height:33px; color:8cde4b; font-weight:none; text-align:right; border-bottom:0px solid; border-color:000; text-transform: lowercase; font-weight: normal; margin-bottom: 8px; width:98%;} body,table, td, li, p, div { font:normal 9px verdana; color:000; font-weight:none; border:0px; text-transform: none; line-height:15px;} a:active,a:visited,a:link,a{ color:8cde4b; font-size:10px; cursor:default; margin-top:1px; font-weight:normal; letter-spacing:0px; font-family:georgia; text-decoration:none; text-transform:none; } a:hover{ color:000; margin-top:1px; font-size:10px; cursor:default; font-weight:normal; letter-spacing:0px; font-family:georgia; text-decoration:none; text-transform:none;} a.nav:link, a.nav:visited, a.nav:active {border: 0px dotted; border-color:000; color:354d82; background-color:transparent; text-transform:lowercase; letter-spacing: -1px; background-image:url(); display:block;background-position:left; background-image:url(); background-repeat:no-repeat; text-align:left; font:12px century gothic; font-weight:normal; } a.nav:hover {border: 0px dotted; border-color:000; color:8cde4b; background-color:transparent; text-transform:lowercase; letter-spacing: -1px; background-image:url(); display:block;background-position:left; background-image:url(); background-repeat:no-repeat; text-align:left; font:12px century gothic; font-weight:normal;} .standard b, p b, B, strong { font-family:century gothic; font-size:12px; line-height:18px; color:354d82; font-weight:none; border:0px; text-transform: uppercase; } </style> <style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style><style> div div select, div div form, div div input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} </style> <style> <style>div[id="googlebar"], div div select{ opacity:0; filter:alpha(opacity=0); display:none !important; position:absolute !important; bottom:2000px !important;}</style><div class="section3"> <img src="http://cbimg9.com/layouts/08/05/27886aa.gif" usemap="#wave" border="0"><map name="wave"> <area shape="rect" alt="add" coords="163,295 243,304" href="http://atomicaffliction.com"></a> </map> </div> <div class="section1"><center> <h1>about me</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla rhoncus, massa ut sagittis venenatis, sapien nulla tincidunt orci, in accumsan ipsum dui consectetuer erat. Etiam quam mi, facilisis porta, fringilla eget, luctus vel, dolor. Morbi mattis pede sit amet dui. Integer cursus mauris. Aenean auctor, lacus vitae auctor ultrices, enim ante commodo nulla, quis cursus est felis ac diam. Mauris a tellus at lectus pretium commodo. In lorem est, aliquet facilisis, blandit ut, pellentesque vitae, dolor. Cras condimentum eleifend ipsum. Nunc sit amet erat. Maecenas urna nibh, condimentum ac, pharetra in, vehicula ac, ligula. Aenean faucibus erat eget libero. Fusce venenatis metus consequat pede. Donec pretium consectetuer justo. Mauris ipsum tellus, mollis quis, scelerisque at, posuere ut, erat. Aliquam viverra placerat massa. Duis vel massa sed odio consectetuer rutrum. Phasellus sed tellus. Duis nisi mi, luctus vehicula, tincidunt eu, semper in, urna. <h1>interests</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla rhoncus, massa ut sagittis venenatis, sapien nulla tincidunt orci, in accumsan ipsum dui consectetuer erat. Etiam quam mi, facilisis porta, fringilla eget, luctus vel, dolor. Morbi mattis pede sit amet dui. Integer cursus mauris. Aenean auctor, lacus vitae auctor ultrices, enim ante commodo nulla, quis cursus est felis ac diam. Mauris a tellus at lectus pretium commodo. In lorem est, aliquet facilisis, blandit ut, pellentesque vitae, dolor. Cras condimentum eleifend ipsum. Nunc sit amet erat. Maecenas urna nibh, condimentum ac, pharetra in, vehicula ac, ligula. Aenean faucibus erat eget libero. Fusce venenatis metus consequat pede. Donec pretium consectetuer justo. Mauris ipsum tellus, mollis quis, scelerisque at, posuere ut, erat. Aliquam viverra placerat massa. Duis vel massa sed odio consectetuer rutrum. Phasellus sed tellus. Duis nisi mi, luctus vehicula, tincidunt eu, semper in, urna. <br><br> </center> </div> <div class="section2"> <h1>Basics</h1> Name: Blah<br> Age: Blah<br> Location: Blah<br> Hobbies:Blah<br> <h1>navigation</h1> <table width="130"> <td><a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a> <a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a> <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a></td> <td><a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a> <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a> <a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=309fd791-51cb-4de0-9982-23e1fd6ac746">comment</a></td></tr></table> <h1>comment</h1> <style type="text/css">textarea.area{ background-color:fff; background-image:url(); background-repeat:repeat; width:128px; height:80px; font-family:century gothic; text-transform: lowercase; color:000; line-height:16px; font-size:15px; border:0px solid; border-color:323232; letter-spacing:0px; overflow:hidden; } input.button { color:000; text-transform: lowercase; font-size:10px; width:128px; height:16px; text-align: center; font-family:century gothic; background-color:fff; border:0px solid; border-color:323232; line-height:8px; font-weight: normal;} </style> <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="area">hello..</textarea><br /> <input type="submit"class="button" value="send"></form> </div>

Thanks guys. :)

CUTE !
love the stripes .
[:

Hehe.
This layout really does give a strong vibe.

I feel like doing the wave with my arms every time I see it :D

lovely and simple. I love it!

Thanks everyone. And yeah, I don't really see why people freak about the ad. I've never heard of anyone actually getting deleted...I think it's a loose threat.

Hmm...I don't really see how this is "rushed," though. It's exactly how I planned it out in my head. It might be simple, but that doesn't mean I rushed it.

i love the background, but everything else looks rushed

cute

Thats what i keep telling people, myspace aint gonna care if you hide the add in most cases. But yeah love the layout, i love how its setup :]

i like the color scheme. and i would use it, but i dont like "the wave" text being there. but it is a really awesome layout. :)

Myspace doesn't patrol everyone's pages to make sure the ad isn't hidden. They're not going to care if half of it is covered up.

View all »

Designer	schizo
Submitted on	May 26, 2008
Page views	13,379
Favorites	93
Comments	14
Reviewer	kreios
Approved on	May 26, 2008

abstract, colorful, minimal, stripes, wavy, the wave, simple

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

• Here I Stand Layouts