Pretty Ugly

Designer's Comments

Look carefully for specific instructions

terms of use
you must keep credits/watermarks where they are
DO NOT claim my layouts as your own.
DO NOT plagiarize my designs.
DO NOT alter anything - ask me first
DO NOT take my code to use for a layout you created - ask me first

Remember to replace only the XXXXXX with your FriendID before you hit Save Changes. If this layout has a comment box, don't forget about that too! It can be found at the end of the Who I'd Like to Meet codes.

For more information on this layout, please see the preview.

If you are unfamiliar with DIV overlays, DO NOT use this layout. I will not answer very simple questions regarding how to change, remove, or add things. If you're using this, I'm assuming you have a firm grasp on the basics of HTML.

For other questions/concerns, please PM me. :) Thank you for using this layout.

--------

Additional Comments: This layout is VERY personal to me, especially since I included a few lines from a poem i wrote. You can see the lines to the left of the content area. This layout expresses my past struggle with self-doubt. Learning to love myself was not easy in the start, and it is still an ongoing journey. I've learned to appreciate those little features that make me exotic and special. I've learned that despite how different each of us are, we are all beautiful.

CREDITS
Click here to see a list of resource sites that I use.

Using This Layout

For specific instructions read designer's comments

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

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

.content {
font:normal 11px tahoma;
color: 000000;
line-height: 13px;
background-color:transparent;
padding:5px;
text-align:left;
width:295px; 
height:310px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 265px;
margin-top: 637px;
scrollbar-arrow-color:FF9798; 
scrollbar-track-color:d7d0ab; 
scrollbar-shadow-color:E4E3E3; 
scrollbar-face-color:d7d0ab; 
scrollbar-highlight-color:E4E3E3; 
scrollbar-darkshadow-color:999999; 
scrollbar-3dlight-color:E4E3E3;
}

.content2 {
font:normal 11px trebuchet ms, tahoma, arial;
color: 000000;
line-height: 13px;
background-color:transparent;
padding:5px;
text-align:left;
width:360px; 
height:85px;
overflow:auto;
position : absolute; 
z-index:4; 
left: 0%; 
top: 0%;
margin-left: 215px;
margin-top: 450px;
scrollbar-arrow-color:CA4782; 
scrollbar-track-color:ffffff; 
scrollbar-shadow-color:222222; 
scrollbar-face-color:ffffff; 
scrollbar-highlight-color:ffffff; 
scrollbar-darkshadow-color:cccccc; 
scrollbar-3dlight-color:000000;
}

.content2 b, .content3 strong {
color:FF88BD;}

.content2 a:link, .content2 a:active, .content2 a:visited {
font:normal 11px trebuchet ms, tahoma, arial;
line-height:13px;
color:CA4782;
text-decoration:none;
text-transform:lowercase;
}
.content2 a:hover {
font:normal 11px trebuchet ms, tahoma, arial;
line-height:13px;
text-transform:lowercase;
text-decoration:none;
color: C73760;
background-color:fbd4e2;
}

.mcmts {
position: absolute; 
width:375px; 
height:30px; 
left: 0%; 
top: 0%;
margin-left: 210px;
margin-top: 1012px;
border: 0px; 
overflow-x:hidden; 
z-index: 3; 
visibility:visible;}

.commentBox {background-color:transparent; border:0px; width:375px;}
.commentBox td {background-color:transparent;}
.commentBox .titleTD {display:none;}
.commentBox .inputBox {display:block; width:100%; background-color:000000; height:70px;border:0px;text-align:left;font-family:Tahoma; color:ffffff; font-size:11px; scrollbar-arrow-color:ee3b58; 
scrollbar-track-color:000000; 
scrollbar-shadow-color:222222; 
scrollbar-face-color:000000; 
scrollbar-highlight-color:ffffff; 
scrollbar-darkshadow-color:cccccc; 
scrollbar-3dlight-color:000000;}

a img, img { 
border: none; 
border-width: 0px; 
}

.ichi {
position: absolute;
z-index:4;
width:103px;
height:84px;
left:625;
top:664;
}

.home {
display: block;
overflow:hidden;
height:84px; 
width:103px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/05/27382ac.png');
background-position:top left;
background-repeat: no-repeat; 
}

.home:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.ni {
position: absolute;
z-index:3;
height:218px;
width:185px;
left:610;
top:675;
}

.pics {
display: block;
overflow:hidden;
height:218px; 
width:185px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/05/27382ad.png');
background-position:top left;
background-repeat: no-repeat; 
}

.pics:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.san {
position: absolute;
z-index:3;
height:202px;
width:110px;
left:612;
top:584;
}

.mess {
display: block;
overflow:hidden;
height:202px; 
width:110px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/05/27382ae.png');
background-position:top left;
background-repeat: no-repeat; 
}

.mess:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.shi {
position: absolute;
z-index:3;
height:126px;
width:115px;
left:617;
top:802;
}

.friends {
display: block;
height:126px; 
width:115px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/05/27382af.png');
background-position:top left;
background-repeat: no-repeat; 
}

.friends:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.go {
position: absolute;
z-index:3;
height:39px;
width:129px;
left:477px;
top:523px;
}

.add {
display: block;
height:39px; 
width:129px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/05/27382ag.png');
background-position:top left;
background-repeat: no-repeat; 
}

.add:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.roku {
position: absolute;
z-index:3;
height:55px;
width:113px;
left:317;
top:966;
}

.view {
display: block;
overflow:hidden;
height:55px; 
width:113px; 
background-COLOR:transparent;
background: url('
http://cbimg9.com/layouts/08/05/27382ah.png');
background-position:top left;
background-repeat: no-repeat;
}

.view:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.shichi {
position: absolute;
z-index:3;
height:64px;
width:157px;
left:79;
top:941;
}

.miyashu {
display: block;
overflow:hidden;
height:64px; 
width:157px; 
background-COLOR:transparent;
background: url('http://cbimg9.com/layouts/08/05/27382ai.png');
background-position:top left;
background-repeat: no-repeat;
}

.miyashu:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

h1 {
font-family:georgia;
text-transform:lowercase;
font-size:20px;
line-height:22px;
color:de2059;
letter-spacing:0px;
text-align: left;
font-weight:bold;
padding-top:2px;
border:0px;
}

b, strong {
color: ee3b58;
}

i, em {
color: ffffff;
background-color:fc8da1;
font-family:georgia;
font-size:10px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: f35774;
}

a:link, a:active {
font:normal 11px courier new;
color:000000;
text-decoration:underline;
text-transform:lowercase;
}
a:visited {
font:normal 11px courier new;
color:ffffff;
text-decoration:none;
text-transform:lowercase;
}
a:hover {
font:normal 11px courier new;
text-transform:lowercase;
text-decoration:none;
color: ffffff;
background-color:000000;
}

blockquote {
margin: 20px 5px 20px 5px;
color: 000000;
background-image: url('http://cbimg9.com/layouts/08/05/27382aj.gif');
background-repeat:no-repeat;
background-color:f1f1f1;
background-position:bottom right;
font:verdana;
font-size: 10px;
padding: 6px;
border-width:0px 0px 3px 0px;
border-style:solid;
border-color:cccccc;
}

blockquote b, blockquote strong {
color:F0405A;
}

blockquote i {
color:ffffff;}

.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}
.navigationBar{display:none;}
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;}
table.footer {display: none;}

div table a.navbar img {display:none;}
div table {visibility:visible;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>about the layout</h1>
So this area is tiny, I know! And if you don't like it, then you don't have to use it. And since it's so small, be sure to keep pictures to a small size, not any bigger than 280 pixels in width, otherwise you'll get a horizontal scrollbar.
<br><br>
This layout is called <i>Pretty Ugly</i> and it's my first shot at the popular <b>scrapbook</b> style. The "pretty" refers to the girly colors, theme and embellishments (ribbons, hearts, blush) and the "ugly" refers to the clutter that defines the scrapbook style. There's some smears, torn paper, and random ink blots that also go along with the "ugly" aspect. I hope you guys enjoy this one, I worked very hard on this (I even had to start over a few times!) and I only ask that you respect and follow the terms of use. They are meant to be taken very seriously. 
<br><br>
The terms of use are also written in my Designer's Comments.

<h1>Terms of Use</h1>
<b>1. You must keep credits/watermarks where they are.</b><br>
<b>2. Don't claim my layouts as your own.</b><br>
<b>3. Don't take my ideas and just make copies of my layouts.</b> Hey kids, it's called artistic integrity. DON'T plagiarize and find your own style.

<h1>contact</h1>
The best way to get into contact with me is via PM or <a href="http://www.xanga.com/momokuma" target="_blank">my xanga</a>.

<h1>about me</h1>
<b>Tag:</b> Momo<br>
<b>Age:</b> eighteen<br>
<b>Ethnicity:</b> mixed <3<br>
<b>Interests:</b> illustration, creative writing, music, literature, graphic/web design, cake, shopping, cute things, wonder<br>
<b>Music:</b> <i>D'espairsRay</i>, Plastic Tree, Keane, <i>Radiohead</i>, Gazette, Teriyaki Boys, Tokio Hotel, Utada Hikaru, <i>Kagrra</i>, Coldplay, Super Junior, LM.C, Merry, ART-SCHOOL, Buck-Tick 
<br><br>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
<br><br>
<blockquote>
This is what a blockquote looks like. Use this to emphasize text.
<br><br>
<b>May 6</b> Uploaded new layout<br>
<b>May 5</b> Celebrated <i>Nin's</i> birthday!<br>
<b>May 4</b> Finished collage and pop-icon self portrait
</blockquote>
</div>
</div>

<div class="content2">
Here, you can write a little blurb about anything. Be creative with this space :D. This area will scroll if necessary, but it looks better if you don't type too much so watch out for that. For this particular section, here's what a <a href="http://www.myspace.com">link</a> looks like.
</div>

Layout Comments

Showing latest 10 of 140 comments

i love all your layouts but on all of them it doesnt let me show my content.. like everything!! it only shows the header. wht can i do.?

whats wrong with it or is it like it in my codes.? i dont think so. i checked them already.

By jazmin7355 on Jul 14, 2009 12:45 am

absolutely love it! its the perfect mix of two completly different styles, I really want it I just cant seem to get it to work on my myspace, I copy and paste it right, but I was wondering if you can send me a link of how to actually get it working, Becuase this is my favorite layout yet, its amazing and I just cant seem to pass it up, so if your not too busy, can you help me out?

By LexMarie on Jun 19, 2009 11:47 am

the rollovers on the navigation is fantastic :)

By ray-meeh on May 3, 2009 10:42 am

hey what did you search to get the background images amazing layout by the way.

By bartdances123 on Apr 21, 2009 5:48 am

all of your layous are AMAZiNG miyashu...!

By famousdiiva on Apr 19, 2009 10:39 pm

Hey, I really would like to have this layout in my Myspace. Could you send me the HTML-Link, because I can't find it.
Greez, Sofija

By deinemama on Apr 13, 2009 6:45 pm

and i LOVE it so i really want to figure out how to add my content!
:]

By lucious72 on Apr 12, 2009 9:04 pm

how do i add text? if i just see your layout code, with all the stuff in it already then i could figure it out easily, but otherwise idk what to do. ive tried trial and error but idk where to put it. help??

By lucious72 on Apr 12, 2009 9:03 pm

doesn't the ad need to be visible?? I really want to use it but i'm afraid to because I don't want myspace to delete me haha.

By hisarmsmyhearse on Mar 26, 2009 1:06 am

I like it

By djme1233 on Mar 25, 2009 6:28 pm

View all »