Pokemon

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change Areas with YOURFRIENDIDHERE to your own userID.

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

<br><a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104d.gif" border="0" align="middle" />home</a>
<br><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104e.gif" border="0" align="middle" />add me</a>
<br><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104f.gif" border="0" align="middle" />message me</a>
<br><a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104g.gif" border="0" align="middle" />friends</a>
<br><a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104h.gif" border="0" align="middle" />comments</a>
<br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104i.gif" border="0" align="middle" />pictures</a>
<br><a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX"class="navtitlesk"><img src="http://layouts.cbimg8.com/28/14104j.gif" border="0" align="middle" />add a comment</a> </center>
</div>

</td>
<td>

</td>
<td>

</td>
<td>

</td>
</tr>
<tr>
<td>

</td><td>

</td>
<td>

</td><td>

</td>
</tr>
<tr>
<td>

</td>
</tr></tr>
</table>
</CENTER>
</div>

<div class="about" style="position: absolute; left:240px;  top:250px; width:270px; height:200px; overflow: auto;">
  
This is your "ABOUT ME" section. Put whatever you want to say about yourself here. 
This is your "ABOUT ME" section. Put whatever you want to say about yourself here. 
This is your "ABOUT ME" section. Put whatever you want to say about yourself here. 
This is your "ABOUT ME" section. Put whatever you want to say about yourself here. 
This is your "ABOUT ME" section. Put whatever you want to say about yourself here.

</div>

<STYLE type="text/css">
input, form, td.text input, td input {visibility: visible !important;}
</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style>.r{}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

.text {font-family:Arial; font-size:11px;
color:black; font-weight:none}

.text5 {font-family:Arial; font-size:11px;
color:black; font-weight:none}

body div div table td { display: none }
.navibar {display: none; }
.navbar { display: none; }
div div table 
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

.title {
color: 000000;
font: 11px arial;
font-weight: bold;
text-transform: none;
letter-spacing: 0px;
padding: 0px;
background-color: ;
text-align:center;}

div {
font-family: arial; 
color : 000000; 
font-size : 11px;
letter-spacing:0pt;
text-align: justify;
background-color: transparent;
border: 0px solid ;}

.Main {
position: absolute; 
left: 50%; 
top: -1250px; 
width: 80px; 
z-index: 1; 
margin-left: -400px; 
padding: 0px; 
border: 0px; 
background-color: ;
overflow: hidden;
}
.comments {
visibility: hidden;
display: none;
}
div div table tr 
td a.navbar, .navbar, div div table tr td font, .lightbluetext8 {display: none;}
td ProfileMusic, td ProfileMovies,  td ProfileMusic, .whitetext12 {display: none;}

strong, b {font-weight: bold; color:FFFFC0;}
b {color:FFFFC0; font-family:terminal;text-transform:uppercase;font-size:11px;background-color:;}
u {color:ffffff;text-decoration:underline; border-bottom:dashed 1px ;font-family:arial; text-transfrom:lowercase;}
s {color:000000;text-decoration:strikeout;font-family:arial;}
i {color:000000;font-family:georgia; text-transfrom:lowercase;}
hr {height:5;width:180;color:000000;border-bottom:solid;}

a{font-family:Arial; font-size:11px;  
font-weight:normal;background-color:transparent;}  
a:link{color:000000;;font-weight:normal;font-family:Arial}
a:active{color:000000;;font-weight:normal;font-family:Arial} 
a:visited{color:000000;;font-weight:normal;font-family:Arial} 
a:hover{color:000000;;font-weight:normal;font-family:Arial;letter-spacing:-2px;font-size:15pt; }

a.redlink{display: none;} 
a.redlink:link{display: none;} 
a.redlink:active{display: none;} 
a.redlink:visited{display: none;} 
a.redlink:hover{display: none;}

a.navbar{font-family:Arial; font-size:11px;
font-weight:normal;background-color:transparent;}  
a.navbar:link{color:000000;;font-weight:normal;font-family:Arial}
a.navbar:active{color:000000;;font-weight:normal;font-family:Arial}
a.navbar:visited{color:000000;;font-weight:normal;font-family:Arial}
a.navbar:hover{color:000000;;font-weight:normal;font-family:Arial;}

a.man{font-family:Arial; font-size:11px;  
font-weight:normal;background-color:transparent;} 
a:link{color:000000;;font-weight:normal;font-family:Arial}  
a:active{color:000000;;font-weight:normal;font-family:Arial}  
a:visited{color:000000;;font-weight:normal;font-family:Arial} 
a:hover{color:000000;;font-weight:normal;font-family:Arial;}

.dunky{font-family:Arial; font-size:11px; letter-spacing:2px;
color:fbe6e6;; font-weight:none}  
</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;}

.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:200px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:100px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

embed, object {display:block; width:200px; height:38px;}
.orangetext15, .blacktext10 {
display:block; width:100px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}

.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

To hide the bottom links use this
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
</style>

</td> </tr> </table> </DIV>
<style>.r{}</style>

Layout Comments

Showing latest 10 of 36 comments

I freakin' love this! :D

By tasteofink on Jan 27, 2009 9:17 pm

teehee, cute

By cascade88 on Jan 27, 2009 9:03 am

this is so cute! XD added to my favs ^-^)b

By Chimchikooo on Oct 13, 2008 5:25 pm

awe what a qt
[;

By IDTAPTHATFLOOR on Aug 5, 2008 7:48 pm

This really is so very adorable, but I don't like others to be able to see my comments, and there's an option to see the user's comments in the navigation links. =[

By iERIKA on Jul 17, 2008 2:54 am

wooot! pikachu!

By sarcasticserenity on Jun 13, 2008 3:55 am

hey, well, I love this but I can't work out the whole friend image thing?
fatfacedfish@hotmail.c om

By sallyofthedsc on May 20, 2008 1:57 pm

i love this

By moomooitsmolly on May 7, 2008 1:10 am

Haha, aw! Simple and adorable.

By tokyo-rose on Mar 13, 2008 4:40 pm

my friends cant add comments
it says they need to be my friend
how do i fix it?

By mci92 on Jul 13, 2007 9:26 pm

View all »

Layout Details

Designer	SOOPER jue.
Submitted on	Aug 25, 2006
Page views	125,734
Favorites	366
Comments	36

Pokemon

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates