Do the robot 2

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXX's with friend ID.

You can find them by using CTRL+F.

Enjoy

:)

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">
td.text embed {width:45px; height:45px;}
td.text embed, td.text object {width:45px; height:45px;}</style>

B {color:8b4513;}
I {color:006F3B;}
U {color:3e3e3e;}
strike {color:19c6eb;}
small {color:006F3B;}
big {color:CBCAB6;}

transform:lowercase; line-height:18px; font-weight:normal; letter-spacing:0px; font-weight:normal;}

a.nav:hover, a.nav:active {font-family:trebuchet ms; font-size:18px; font-weight:normal; color:3e3e3e; text-transform:lowercase;

letter-spacing:-1px; line-height:18px; }
</style>

spacing:0px; text-transform:lowercase;}

a:hover, a:active {font-family:trebuchet ms; font-size:15px; font-weight:normal; color:000000; line-height:12px; letter-

spacing:0px; text-transform:lowercase; text-decoration:none;}
</style>

h1 {
display: block;
font-family: 'Arial', sans-serif;
font-size: 20pt;
font-weight: normal;
text-transform: none;
letter-spacing: 0pt;
width:80%;

border-bottom: 2px solid; border-bottom-color: 000000;
}</style>

h1 {
display: block;
font-family: 'Arial', sans-serif;
font-size: 20pt;
font-weight: normal;
text-transform: none;
letter-spacing: 0pt;
width:80%;

border-bottom: 2px solid; border-bottom-color: ffffff;
}</style>

<div class="CONTENT" style="position: absolute; left: 50%; margin-left:-169px;   top:625px; width:400px; height:150px;

overflow: auto; font-family:trebuchet ms; color:ffffff; font-size:12px;"><center>

<h1>About me</H1>
<b>This is bold text.</b>
<br><u>This is underlined text.</u>
<br><i>This is italic text.</i>
<br><big>This is big text.</big>
<br><small>This is small text.</small>
<br><strike>This is striked text.</strike>
<br><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">This is linking text.</a><br>

<br>Should I put a comment box next to the smiley cloud?
About me here 
About me here 
About me here 
About me here 
About me here 
About me here 
About me here 
About me here 
About me here 
<br>
<h1>I'd like to meet</h1>
Id like to meet here 
Id like to meet here 
Id like to meet here 
Id like to meet here 
Id like to meet here 
<br>

<h1>Extra</h1>

Add pics, vids or anything here.
Change Extra to whatever you want.

</font></a>
</center>
</div>
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="Skem9box"></textarea><br /><input

type="submit" value="Submit" class="Skem9sub"></form>

border-style:solid; border-width:2px;} 
</style>

</div>

.home {
background-color:transparent; border:0px solid;
position:absolute; left: 50%; margin-left:-404px; top:140px; 
background-position:top left; background-repeat:no-repeat;
overflow:none;
visibility:visible;
}

.homehover {
width:200px;
height:80px;
overflow: hidden;
background: url("http://cbimg6.com/layouts/08/02/18/25584ab.png") top left no-repeat;
display: block;
}

.homehover:hover {
background: url("http://cbimg6.com/layouts/08/02/18/25584ac.png") bottom left no-repeat;
}

</STYLE>

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa"

class="homehover"></a>

</div>

.msg {
background-color:transparent; border:0px solid;
position:absolute; left: 50%; margin-left:-184px; top:140px; 
background-position:top left; background-repeat:no-repeat;
overflow:none;
visibility:visible;
}

.msghover {
width:200px;
height:80px;
overflow: hidden;
background: url("http://cbimg6.com/layouts/08/02/18/25584ad.png") top left no-repeat;
display: block;
}

.msghover:hover {
background: url("http://cbimg6.com/layouts/08/02/18/25584ae.png") bottom left no-repeat;
}

</STYLE>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"

class="msghover"></a>

</div>

.pics {
background-color:transparent; border:0px solid;
position:absolute; left: 50%; margin-left:20px; top:140px; 
background-position:top left; background-repeat:no-repeat;
overflow:none;
visibility:visible;
}

.picshover {
width:200px;
height:80px;
overflow: hidden;
background: url("http://cbimg6.com/layouts/08/02/18/25584af.png") top left no-repeat;
display: block;
}

.picshover:hover {
background: url("http://cbimg6.com/layouts/08/02/18/25584ag.png") bottom left no-repeat;
}

</STYLE>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"

class="picshover"></a>

</div>

.add {
background-color:transparent; border:0px solid;
position:absolute; left: 50%; margin-left:200px; top:140px; 
background-position:top left; background-repeat:no-repeat;
overflow:none;
visibility:visible;
}

.addhover {
width:200px;
height:80px;
overflow: hidden;
background: url("http://cbimg6.com/layouts/08/02/18/25584ah.png") top left no-repeat;
display: block;
}

.addhover:hover {
background: url("http://cbimg6.com/layouts/08/02/18/25584ai.png") bottom left no-repeat;
}

</STYLE>

<a href="
http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"

class="addhover"></a>

</div>

Layout Comments

Showing latest 6 of 6 comments

I feel like as in the last one, the background color of the image and the actual background color don't sync up, and that affects the appearence. But other than that I love these robots, my boyfriend used the first one on his MySpace for awhile =D

By PuppetxInjection on Mar 2, 2008 2:50 pm

freind ids are when you get on your myspace profile.look at the browser the number at the end of the website is your freind id hope this helped

By chairgrass on Feb 22, 2008 3:54 pm

ummm... heyy why doesnt it work with viewing pictures and messaging?

By lissaaserenaa on Feb 22, 2008 2:43 am

what are friend id's?

By straightenURsneakers on Feb 19, 2008 1:37 am

haha cute!

By sagerose2003 on Feb 18, 2008 11:34 pm

I'm not the biggest fan of this, I feel like it could use a little more oomph. Great concept though. :)

By schizo on Feb 18, 2008 10:13 pm

Layout Details

Designer	Maccabee
Submitted on	Feb 18, 2008
Page views	16,148
Favorites	109
Comments	6
Reviewer	MissHygienic
Approved on	Feb 18, 2008

Do the robot 2

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates