Ugly is the New pretty

• 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"> td embed,td object{ position:absolute;top:1px;left:90px; display:block; } </style><style type="text/css"> .pic {position:absolute; BACKGROUND-color:; width:140; height:auto;overflow:auto; left:489; top:85; text-transform:none; visibility:visible;font-weight:bold; position:absolute;letter-spacing:1pt; text-align:justify; font-family:verdana;font-size:9px; color:BLACK; padding: 0px;z-index:3;} td } .links3{line-height:1pt;background-COLOR:transparent; position:absolute;width:255px;height:245px;left:2;top:10} .name3{height:52px; width: 139px; background-COLOR:transparent; hidden; background: url(http://layouts.cbimg8.com/35/17547c.png) top left no-repeat; display: block;} .name3:hover{background-position: bottom left;} .links2{line-height:1pt;background-COLOR:transparent; position:absolute;width:255px;height:245px;left:287;top:15} .name2{height:106px; width: 120px; background-COLOR:transparent; hidden; background: url(http://layouts.cbimg8.com/35/17547d.png) top left no-repeat; display: block;} .name2:hover{background-position: bottom left;} .links1{line-height:1pt;background-COLOR:transparent; position:absolute;width:255px;height:245px;left:500;top:205} .name1{height:24px; width: 117px; background-COLOR:transparent; hidden; background: url(http://layouts.cbimg8.com/35/17547e.png) top left no-repeat; display: block;} .name1:hover{background-position: bottom left;} 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;} </style> <style type="text/css"> body div table td form img{display:none!important;} </style> <style type="text/css"> .titles {display: block; visibility: visible; font-family: "verdana"; color: 669999 ; background-color:CCFFFF ; text-align:center; font-size: 18px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: bold; border-bottom: 1px dashed; border-color:00CCFF ;} .comments{visibility:visible;width:1px; height:1px;position:absolute; top:260px;left:1px; overflow:auto;background-color:black;font-family:verdana; border:black 0px solid;z-index:2px;} .back{background-image:url(http://layouts.cbimg8.com/35/17547f.png);top:110px;height:595px;width:884px;left:1px;position:absolute;z-index:9} .orangetext15, .navbar, .contacttable {display:none;visibility:hidden;} div table {background-color:transparent;} td.text table {visibility:HIDDEN;} td.text table table, td.text table table td.text {visibility:visible;} td td td td td div {background-color:transparent;} td td td td td div strong {visibility:hidden;} table table table {visibility:hidden;} body { background-color:9WHITE; background-image:url(http://layouts.cbimg8.com/35/17547g.jpg); } table, tr, td {background:transparent; border:0px;} table table table {background-color:transparent;} input {background-color:transparent !important;} } img {border:0px;} .blacktext10 {display:block;} a{font:normal 10px Verdana; color:FF3366 ; font-weight:none; border:0px; text-transform: none; } a:active,a:visited,a:link{ font-family:verdana; font-size: 7pt; color:333333 ; text-transform:lowercase; text-decoration:none; font-weight:bold; background-color:669999;} a:hover{font-family: verdana; font-size: 7pt; color:669999; text-transform:lowercase; text-underline-style:dot-dot-dash ; text-decoration:none; font-weight:bold; background-color:333333;} a:link img, a:visited img {filter: none;border:0px} s {color:333333; } u {color: 333333; } i {color:333333 ;} b {color:black ; background-color: ;} body, textarea, div { scrollbar-face-color: ; scrollbar-highlight-color: ; scrollbar-3dlight-color: ; scrollbar-darkshadow-color: ; scrollbar-shadow-color:; scrollbar-arrow-color:; scrollbar-track-color:;} } .comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;} .comt { width:350px; height:225px; overflow:auto; background-color:transparent; border:0px solid; border-color:none; position:absolute; top:518px; left:50%; margin-left:-260px;} .blacktext10 {width: 320px;} 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:inline;}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 td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;} </style>

<div class="back"><div class=links1><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="NAME1"></a></div><div class=links2><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="NAME2"></a></div><div class=links3><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="NAME3"></a></div> <div class="main" style="position: absolute; left:375px; top:292px; width:385px; overflow: auto; z-index:0;"> <P CLASS=titles>About me</p> Hello, you can talk about you here! Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla.<bR><bR><bR><bR> -Replace the XXXXXXX with your friend ID. <bR><bR> -Do not take off my credits!<bR> <P CLASS=titles>Comment me</p><CENTER><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 155; height: 20px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color:transparent" style="overflow:auto;">Dear you, </textarea> <br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"><input value="RESET" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" type="reset"></form><bR> </center> <P CLASS=titles>Extras</p> Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. Bla bla bla bla. </div> <div class=pic><marquee> <img src="http://layouts.cbimg8.com/35/17547h.png" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547i.jpg" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547h.png" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547i.jpg" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547h.png" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547i.jpg" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547h.png" height="103" width="135"/> <img src="http://layouts.cbimg8.com/35/17547i.jpg" height="103" width="135"/> </marquee></diV> <div class="lin" style="position: absolute; left:240px; top:522px; width:134px; overflow: auto; z-index:0;"><center> You can add your own links here!<bR><bR> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxxxx">Add me</a><bR><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a><bR> <a href="URL HERE">link</a> <bR> <a href="URL HERE">link</a> <bR> <bR><bR><a href="http://myspace.com/oamazing">Layout Credit</a><bR></diV> <div class="comments"><table><tr><TD><table><tr><td>

i need help with this layout i replaced all the x's and my other buttons for adding and messaging wont work.only the comment one works.HELP

Amazing layout!

how can i change my pics??

oh wait,
I figured it out.
the z-index is set too high on the background :]

again,
love the layout! ^_____^

oh yeah,
I love the layout!
sorry, I almost forgot :O
I'm doing this for a friend and I've been working on it for a while ^__^;
so I'm a little out of it.

thank you! :]

I'm having problems with the marquee.
it appears about 50px above the picture frame and behind the actual background.
I'm using firefox.
I've tried toggling with the absolute position and taking out the marquee, but it stays exactly the same :/

pwease&&thanxies ^_____^

luv da layout =) but i just dunno how to put ma pic =( plz help moi!

great layout! but my part of my status shows up randomly on the right side of the page. how do i get rid of this?

I love this layout too, but I can't get the pictures, friends, or message buttons to work either. and I'd like to add music too..help please.

I've put in my friend ID and everything but my picture button still won't work on this layout? any help?

View all »

Designer	Oamazing
Submitted on	Apr 15, 2007
Page views	171,106
Favorites	926
Comments	86

, ugly, model, blue

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

• Here I Stand Layouts
• preciselayouts
• SimpleSong.Net
• vibrant
• ronron