Justin Timberlake

Designer's Comments

Look carefully for specific instructions

Replace navigation links, view more pictures link, and the comment box with your friend ID, do it before you hit submit other wise the link will turn into a myspace link and you'll have to retrieve the link yourself.

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">
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,xmp,table,tr,td,th{
background-image: url(http://cbimg6.com/layouts/07/11/22/23291ab.gif);
background-repeat: repeat;
background-color: ffffff;
background-attachment: fixed;
font-family: arial;
font-size:9pt;
color: 6F6F6F;
border: none;}

b {
font-family:                    Trebuchet MS, Times New Roman; 
color:                          219DCB;
font-weight:                    bold;
text-transform:                 none;}

u {
font-family:                    Trebuchet MS, Times New Roman;
color:                          7CDC3C;
font-weight:                    bold;
text-transform:                 none;
}

i {
font-family:                    Trebuchet MS, Times New Roman;
font-weight:                    bold;
color:                          6F6F6F;
font-style:                     italic;
text-transform:                 none;}

h1 {
	margin:1;
	padding:0;
	font-family:georgia;
        font-style: italic;
        color:F33E82;
	font-size:13pt;
        font-weight:none;
	line-height:15pt;
	text-transform:none;
        border-bottom: 1px dotted white;
        background-image: url(http://cbimg6.com/layouts/07/11/22/23291ac.gif);
        background-position: right;
        background-repeat: no-repeat;
        display: block;
        
}

h2 {
	margin:1;
	padding:0;
	font-family:georgia;
        font-style: italic;
        color:F7D56D;
	font-size:13pt;
        font-weight:none;
	line-height:15pt;
	text-transform:none;
        border-bottom: 1px dotted white;
        display: block;
        
}

.bannertext {
font-family: arial;
font-weight: bold;
letter-spacing: -1px;
color: 000000;
text-align: justify;
       
}

input, textarea {
font-family: courier new;
font-size:12pt;
text-align:justify;
color:000000;
border-color:000000;
border-style: solid; 
border-width: 1px;
background-color: ffffff;

}

a:link{color: ffffff; text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:visited{color:ffffff; text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:active{color:ffffff;text-decoration:none;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
a:hover {color:000000;font-size:11px !important;font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}

span, table, td, text,div, tr,a,p{font-size:12px !important;color:6F6F6F; font-family:
Trebuchet MS, Times New Roman;line-height:8pt;}
div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
div td td font {display:none;}

form {display:none;}
table table table form {display:inline;}
.a {hide bottom links div}
table div {display:none;}
table table div {display:block;}
td {height:0px;}

div table div {display:block;}
table, tr, td {background-color:transparent;}
.navigationBar {display:none;}
body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

.home{
    height:27px;
    width:67px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/22/23291ad.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.home:hover{
    background-position: top right; border-bottom: 0;}

.msg{
    height:30px;
    width:101px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/22/23291ae.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.msg:hover{
    background-position: top right; border-bottom: 0;}
.add{
    height:27px;
    width:90.5px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/22/23291af.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.add:hover{
    background-position: top right; border-bottom: 0;}
.blk{
    height:26px;
    width:65px;
    background-COLOR:transparent;  
    background-image: url(http://cbimg6.com/layouts/07/11/22/23291ag.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.blk:hover{
    background-position: top right; border-bottom: 0;}
</style>

<div class="content" style="position: absolute; left:328;  top:530px; width:256px;height:700px;overflow: hidden;background-color:383838;padding-left:8px;padding-top:10px;">
<h2>About me</h2>
<b>Thinks you need to do:</b><br/>
Replace links with your friend ID <br/>
Make sure to replace comment box with friend ID<br/>
-The two divs have a background color, so if one is longer then the other just adjust the height to match it up. 
<br/><br/>
The picture needs to be <u>no bigger</u> then 130px in width, height doesn't really matter. 
<center><b>Bold</b> <a href="">Link</a> <u>Underline</u></center>
<br/><br/>
About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space.About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space. About me about me, blah blah. Taking up some space.
<br/><br/><br/>
<h2>Friends;</h2>
<center>
<A HREF="FRIEND URL"><img src="http://i17.tinypic.com/6kfzo93.gif"border="1"color="000000"></A>

</center>
<p align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhY">View all friends</a></p>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

</style>

<center>
<img src="http://cbimg6.com/layouts/07/11/22/23291ah.gif"><br/>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXX">View more pictures</a>
</center>
<br/>
<h1>Music</h1>
Music listings here. Tool. Apc. Nirvana. Rage. Primus. Led Zeppelin. Bad Company. Blue Oyster Cult. The Cult. The Cure. TRUSTcompany. Sick Puppies. Flyleaf. Or you can put something else here :)

</br></br>
<h1>Movies</h1>
Garden state. Eternal Sunshine. 40 year old virgin. Lord of the rings. Harry Potter. American Psycho. Blah blah blah. Or you can put whatever you want here too 
</br></br>
<h1>Comment;</h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXX FRIEND ID HERE" type="hidden"><textarea name="f_comments" col; style="color:000000; text-align:center; font-family: courier new; font-size: 12px; height:50px; width:100px; border: 1px dashed white; background-color: F7D56D;">Leave some love </textarea><br /><input type="submit"value="Send" style="color:000000; text-align:center; font-family: courier new; font-size: 12px;border: 1px dotted white; background-color: F7D56D;"><br></center>

</div>