Ugly Betty

Designer's Comments

Look carefully for specific instructions

This is my very first myspace layout, it was very frustrating, then once I got the hang of it, it was a breeze! So don't expect it to be some masterpiece!

-Replace all the etc with what you want it to say about yourself.

-Replace the XXXXXXXXXX with your friendid

PM me with any problems, and please don't ask really dumb questions!

Credit
Font: Sue Ellen Francisco
Base Image: http://www.sweetandtalented.com/

-For more of my layouts click here

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

<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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/07/07/10/19308aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/07/07/10/19308aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/07/07/10/19308aa.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: 7f8559;
background-position:top left;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: 7f8559;
scrollbar-face-color: 7f8559;
scrollbar-3dlight-color: 7f8559;
scrollbar-darkshadow-color: 7f8559;
scrollbar-shadow-color: 7f8559;
scrollbar-highlight-color: 7f8559;
scrollbar-track-color: 7f8559;
}

b {
color: ffffff;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
font-family: Verdana;
}

I {
color: fcc1af;
letter-spacing:1px;
}

u {
color: ca616f;
letter-spacing: 1px;
}

s {
color: 25280c;
letter-spacing: -1px;
}	
.commentlinks {display:none;}
body div table td form img{display:none!important;}
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;}
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,
.redtext,.blacktext10,
.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;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.friendSpace { display:none; }
.friendsComments { display:none; }
td td embed, td td object { position: absolute; top: -200px; left: -200px; }
td td td embed, td td td object { position: static; }

.comments{
visibility:visible;
width:313px;
height:146px;
position:absolute;
top:601px;
left:424px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index: 2;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

.aboutme1{
position: absolute;
width: 204px;
z-index: 3;
padding: 2px;
height: 365px;
line-height:13px;
overflow: auto;
font-family: verdana;
font-size: 11px;
color: 363926;
top: 193px;
left: 752px;
}

.comment
{position:absolute;
width: 204px;
z-index: 2;
padding: 2px;
height: 137px;
overflow: hidden;
left: 752px;
top: 606px; 
}

a:link, a:visited, a:active {
text-decoration : none;
color : FFFFFF;
font-size : 11px;
line-height: 13px;
font-family : verdana; }
}
a:hover {
font-size : 11px;
line-height: 13px;
font-family : verdana; 
color: dcdecc;}

</style>

</map>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme1"> This is where you talk about yourself, what you do, <b>etc etc etc etc</b> <i>etc etc etc etc</i> <u>etc etc etc etc</u> <s>etc etc etc etc</s> etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc</div>

Layout Comments

Showing latest 10 of 14 comments

nice. but the navigation is seriously lacking.

By bangxdisco on Apr 22, 2008 7:07 pm

lol.. i watched betty at times.. simple but nice layOut.. 0_=

By xcorphz on Jul 31, 2007 4:54 pm

Love that show!!!!!!
And great layout as well:))))))))

By Amaranthus on Jul 11, 2007 10:43 am

Awww I love the font used... although the navigation confused me at first, it took me a moment to figure it out LOL

By FoxLucky on Jul 11, 2007 4:35 am

i like this. loved the show when i had more channels on my tv *sigh*

By riotstar on Jul 11, 2007 12:21 am

I honestly think that you did a very good job on this layout, and I think you should submit a bunch more of your layouts!

By YourSuperior on Jul 10, 2007 9:55 pm

pretty cool uber neat and simple, pretty good layout
the nav confused me had to stare for a bit, lol

By Blaqheartedstar on Jul 10, 2007 6:23 pm

Lovely layout for your first one, just the nav I'm not too happy about, but it fantastic!

By luku on Jul 10, 2007 5:17 pm

good layout
dumb show

By bobbyrocks15 on Jul 10, 2007 5:04 pm

GAHH I LOVE UGLY BETTY
and it kind of does look like schizo previous layout..
I love the image..but the font for about me, comments, etc. kinda annoys me

By synthase on Jul 10, 2007 4:47 pm

View all »

Layout Details

Designer	hjp
Submitted on	Jul 10, 2007
Page views	13,327
Favorites	73
Comments	14
Reviewer	mzkandi
Approved on	Jul 10, 2007

Ugly Betty

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates