Peace

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change XXXXXXXXXXXXXX
to ur friends id
pls dont take out credit sign off tnx

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

body {
background-color: FFFFFF;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:DCC1A4;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:303030;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: DCC1A4; background-color: FFFFFF; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea 
{font:normal 9px arial; color:303030; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:303030; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.} 
.redbtext{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase; }

{"Blurbs", "About Me", "Who I'd like to Meet", "Friend Space", and "Friend's Comments" style}
.orangetext15{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style}
.lightbluetext8{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase; }

{"Contacting", "Interests", "Details", and "Schools" title styling} 
.whitetext12{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}

{"In your extended network" style}
.blacktext12{font-family: arial; color: E57878; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture } 
.nametext{font-family: arial; color: 303030; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments} 
.blacktext10{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.} 
a{font-family:arial; font-size:9px; color:DCC1A4; font-weight:none;border:0px; text-transform: uppercase; } 
a:link{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}

{"View all friends" and "invite more" link style} 
a.redlink{font-family:arial; font-size:9px; color:DCC1A4; font-weight:none;border:0px; text-transform: uppercase;} 
a.redlink:link{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:active{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} 
a.navbar:hover{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:303030; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} 
a:active{font-family:arial; font-size:9px; color:DCC1A4; font-weight:none;border:0px; text-transform: uppercase;} 
a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} 
a:hover{font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:E57878; font-weight:none;border:0px; text-transform: uppercase; }

</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style><style>.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} .mygen { Created by peekaboo_production }.mygen { Background Properties }table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:white; }</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<DIV class="Main"><table style="width:800px; height:700px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:ffffff;}"> <tr> <td valign="top"><center><img src="http://cbimg6.com/layouts/08/03/12/26117aa.gif" border="0" alt="" /></a>
<div style="position:absolute; left:18%; top:256px; overflow:auto;width:90px;height:50px; color:white; font-size:9pt; font-family:arial; font-color:white; background-color:Transparent; border:0px solid white;"><font color="black">PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HEREPLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE PLACE UR NOTES HERE 
</div>

<div style="position:absolute; left:30%; top:290px; overflow:auto;width:415px;height:100px; color:white; font-size:9pt; font-family:arial; font-color:white; background-color:Transparent; border:0px solid white;"><font color="black">
<u>Underline</u><br />Strike</s><br /><b>BOLd</b><br /><i>Italisize</i><BR />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 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 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 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 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 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 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 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 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 ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE 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 ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE 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 ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE 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 ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE</div>

<div style="position:absolute; left:23%; top:220px; overflow:auto;width:470px;height:12px; color:white; font-size:9pt; font-family:arial; font-color:white; background-color:Transparent; border:0px solid white;"><font color="black">
<a href="http://home.myspace.com/index.cfm?fuseaction=user"><font face="arial">Home</a></A> l 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX"><font face="arial">Add Me</a></A> l 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=undefined"><font face="arial">Tell me a secret</a></A> l 
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"><font face="arial">Block</a></A> l 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fa5da056-4c08-4db3-892a-70bd977fc5c9"><font face="arial">Comment Me</a></A> l 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><font face="arial">View My PICTURES</a></A> l 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"><font face="arial">Blog</a></A> l 
<a href="http://myspace.com/lve_brushes"><font face="arial">Credit</a></A> 
</div>

</div></td> </tr> </table> </DIV><div style="display:none"> <table><tr><td><table><tr><td><div style="position:relative; height:50px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 41 comments

One of the cutest layouts I've seen!!! Kawaii!!!

By shichiyou on Jun 27, 2009 2:06 pm

EEEEK.
I ♥ this lyt!
And it's flawless!
Everything works. ;D

By rainbowMOSHx on Oct 23, 2008 6:53 am

Wassa word I can use 2 describe this? Cute, adorable, amazing, fricken awsome? ALL OF THE ABOVE!

By wowzerz on Jul 22, 2008 4:50 pm

thats so adorable! ♥

By yinnie on Jun 13, 2008 10:42 pm

OMG!! You know the part at the bottom where it state your zodiac and stuff?! i wont hide!!

By iluvnerds21 on Jun 4, 2008 6:49 pm

I love it! ^~^ But, when I click the buttons (Comments, My pics, etc.) :P Its like.. The user has deleted their acc. How do I fix it? :o

By VietxJenny on May 15, 2008 9:20 pm

i really love dis layout and i'm confused how to put this in my profile...coz i already tried this and it wont let me view my pictures or anywhere if i click anything from this...pls help me message me as fast as u can;]

By daisukeminasan on Apr 20, 2008 12:22 pm

i really adore the layouts you made! i favorited them! ^_^

By maileeyang on Apr 17, 2008 3:11 am

i lOVe the lay out... i dont understand about my friends id.. n how ppl can view my picturs or go back to home HELP ME please.. thank YOu.. i like ur GUYs layout...

By garrisonsgrl on Apr 14, 2008 10:23 pm

I love this layout its sooo cute.
My only problem is the Home button, it doesnt show up.

By mkkat00 on Apr 12, 2008 8:50 pm

View all »

Layout Details

Designer	purplelilac8o8
Submitted on	Mar 11, 2008
Page views	74,052
Favorites	707
Comments	41
Reviewer	Insurmountable
Approved on	Mar 12, 2008

Peace

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates