Foster's Home for Imaginary Friends

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

I think this is the best DIV i've ever made.

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><style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {background-image: url(""); background-attachment:fixed; background-repeat: repeat;
background-position:bottom left; background-color:E49FD3;}

table, td, p, span, li, strong, div{font-family:tahoma; font-size: 11px; color: 000000; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid;}

h1 {display: block; width:99%; height:20px; color:623462;
margin: 0px; font-style:none; font-family:georgia;
font-size:35px; font-weight:normal;
letter-spacing: -3.5px; text-transform:lowercase; background-color:transparent; text-align:right;
 border-bottom:1px dotted; border-bottom-color:000000;}

a:active,a:visited,a:link, .navlinks {font-family:small fonts; font-size:7px; color:000000; text-transform:uppercase; font-weight:normal; letter-spacing:1px; line-height:8px; background-color:E49FD3;}
a:hover, .navlinks:hover{font-family:tahoma; font-size: 11px; color: 000000; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid;} 
img {filter:none; border:0px;} 
a:hover img {filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=4); border:0px;}

b{color:E49FD3; font-size:11px; line-height:10px; letter-spacing:0px; font-family:tahoma; text-transform:lowercase; font-weight:strong;}

s{color:623462; font-size:11px; line-height:10px; letter-spacing:0px; font-family:tahoma; text-transform:lowercase; font-style:strikethrough; text-decoration:strikethrough;}

i{color:888888; font-size:11px; line-height:10px; letter-spacing:0px; font-family:georgia; text-transform:lowercase; text-decoration:italics;}

u{color:000000; font-size:11px; line-height:10px; letter-spacing:0px; font-family:tahoma; text-transform:lowercase; border-bottom:1px dotted EBF5C3;}

big{color:623462; font-size:25px; line-height:15px; letter-spacing:-1px; font-family:georgia; text-transform:lowercase;}

small{color:000000; font-size:7px; line-height:10px; letter-spacing:1px; font-family:small fonts; text-transform:uppercase;}

.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .searchbar, .shortcutsmenu, .blacktext12, .btext, .redtext, .redbtext, .navigationbar, .navbar, .navlinks{display:none; height:0px!important; visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td{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;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 13 comments

What font did you use on here?

By RomanticHarmonies on Mar 29, 2009 1:17 am

HI, my name is Raelynn, I really like your layout, it's awesome! I was wondering if you could give me a walk through on how to create my own layout. I've been trying for a while and I don't know how to do. If you could help me I'd really appreciate it. Thanks.

By raelynnwashere13 on Dec 23, 2008 2:00 pm

uhmmm....none of the links work??? and where do i put my friend id? and the line spacing where your name goes is smaller than the text size put there?

too bad. i

By trackrat5335 on Nov 23, 2008 12:17 am