Paul Frank & Friends

Myspace Layouts / Div Overlay

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><div class="menu" style="color: #E61938; font-family: small fonts; font-size:7px; position: absolute; width: 239px; height: 20px; z-index: 5; left: 221px; top: 443px" id="livello6">
	<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">home </a> |
	<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"> add </a> |
	<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a> |
	<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"> message </a> |
	<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"> blog </a> |
	<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX"> friends </a> |
	<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX&hash=MIGdBgorBgEEAYI3WAO5oIGOMIGLBgorBgEEAYI3WAMBoH0wewIDAgABAgJmAwICAMAECN75ML39qm13BBDuO%2fyO8KPk5Mb8pIOweRvuBFD5m0fmRdcnPg3GL1Atx4KWmy05QoZKURSe3dPhkJZBXn7ELSxHPYTAs6hnHMDc2A0Fwb%2fqWtUDfuNFxPCHCezZAF1vY6WuovrW4tee6qjMXA%3d%3d"> block</a>
</div>
<style type="text/css">
.a {hide top search bar}
div div select, div div form {display:none !important;}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
display:none;
height:0px;!important;
visibility:hidden}

td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{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;}

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active, a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited  {
font-family: small fonts;
font-size:7px; 
color:ffffff; 
text-transform:uppercase; 
text-decoration:none; 
font-weight:normal; 
line-height:18px; 
letter-spacing:.5px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {
font-family: small fonts;
font-size:7px; 
color:ffffff; 
background-color:none;
text-transform:uppercase; 
text-decoration:linethrough; 
font-weight:normal;
letter-spacing:.5px;}

a:link, a:visited; a:active{
color:000;}

input, select{
font-family: small fonts;
font-size:7px;  
text-transform:uppercase; 
color:000000; 
background-color;000;
border:1px solid 000!IMPORTANT;}

td td embed, td td object{height:1px;width:1px;}
td.text embed {height:1px;width:1px;}
td.text embed, td.text object {width:1px;height:1px;}

a {
text-decoration:none;
color:#ffffff;
}
a:hover {
text-decoration:none;
color:#E61938;
}

body {
background-color: #E61938;
font-family: tahoma;
font-site: 7px;
topmargin: 0px; 
leftmargin:0px;

scrollbar-face-color:#AAB3F4;
scrollbar-base-color:#666666;
scrollbar-arrow-color: #E61938;
scrollbar-track-color:#cccccc;
scrollbar-shadow-color:#AAB3F4;
scrollbar-highlight-color:#AAB3F4;
scrollbar-3dlight-color:#AAB3F4;
scrollbar-darkshadow-Color:#AAB3F4;
}

.tab{
overflow:auto;
font-family: tahoma;
font-site: 9px;
}

.nav{
font-family: small fonts;
font-site: 7px;
color: #ffffff;
}
</style>

<div style="position: absolute; width: 285px; height: 100px; z-index: 4; left:507px; top:383px" id="livello5">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="PASTE YOUR FRIEND ID HERE" type="hidden">
	<textarea name="f_comments" class="vfcbox" style="border:1px solid #7C7C7C; height: 48px; width:250px; background-color:#AAB3F4; color:#FFFFFF; letter-spacing:0px; text-transform: none;  font-family:Georgia; font-size:10px" cols="11" rows="1">comment me!</textarea><br>
	<input type="submit" value="LET'S GO!" class="vfclick" style="border:1px solid 7C7C7C; height:12px; width:250px; background-color:ffffff; color:444444; font-family: small fonts;  font-size:7px; letter-spacing:2px; font-weight: normal; text-transform: uppercase; "></form></a>
</div>

Layout Comments

Showing latest 10 of 11 comments

oops. i thought it bleeped out here. sorry :X

By Harp on Nov 3, 2008 4:46 pm

too fucking cute!

By Harp on Nov 3, 2008 4:46 pm

great colors

By jesusisthebestthing on Nov 21, 2007 9:43 am

i agree with schizo. i think u should bring it down a bit cause the drop-down menu is on the content area.

By twodreamlovers on Nov 19, 2007 10:44 pm

Super cute. Good job. I like that font.

By NoWhereGirl1 on Nov 19, 2007 8:14 pm

The navi is a wee bit too small. It might have been better if the background colour was less intense.
But other than that, awesome job on the layout!! xDDD
The picture is sooo cute, lol.

By DelicateLove on Nov 19, 2007 5:23 pm