emogorgeous.

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace FRIENDIDHERE with your friend ID. and replace STUFF ALL YOUR STUFF HERE! with what you want.

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">body{
background-color: FFFFFF;
background-image:url(http://i272.photobucket.com/albums/jj192/islandpngs/stars.jpg);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;}
</style>

.pic{
position: absolute; 
left: 50%;
margin-left:-340px; 
top: 90px;  
z-index: 0;}

.navi{
position: absolute; 
left: 50%;
margin-left:140px;
top: 336px; 
z-index:5; 
width:  170px; 
height: 186px; 
overflow: auto;}

.about{
position: absolute; 
left: 50%;
margin-left:-77px;
top: 336px; 
z-index:5; 
width:  202px; 
height: 224px; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:FFFFFF; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 220px; 
height: 40px; 
color: FFFFFF; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:FFFFFF;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:FFFFFF;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;}

.standard b, p b, B, strong {
font-family:small fonts; 
font-size:7px; 
color:FFFFFF; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

</div>

<div class="navi">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home.  </a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add.  </a><br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"> comment. </a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">  pics.</a><br>
<a href="http://blog.myspace.com/FRIENDIDHERE">blog.  </a><br>

</div>

<div class="about"><center>STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE! STUFF ALL YOUR STUFF HERE!
</center> 
</div>

Layout Comments

Showing latest 9 of 9 comments

fyi the text runs over thru the girl in ff if u get it plz fix it cause i love this layout ^_^

By hypersugarattack on Jan 12, 2008 8:39 am

Does it work in FF

By hypersugarattack on Jan 12, 2008 8:31 am

the pic, you should've got rid of the yellow between the arms and the body (kinda obvious you cropted)

Really like the layout tho xD

By tainted-twilight on Dec 16, 2007 6:01 pm

And how can you be emogorgeous? I bet you just mad another hundred emos in the world cut themselves from seeing this layout.

By PCDKitty on Nov 14, 2007 7:57 am

What emo wears a green shirt that says I

By PCDKitty on Nov 14, 2007 7:56 am

:) This made me laugh, cute idea!

By FoxLucky on Oct 20, 2007 10:10 am

The credit you have is kinda tacky.
Maybe you should make is smaller??
But yes it is cute.

By hypnotique on Oct 19, 2007 7:52 pm

aww this is pretty.

By tengopescador on Oct 19, 2007 4:14 pm

its misaligned on my preview screen. :S. i dont think the whole layout goes together, the images you chose, like maybe if everything was kind of the same color? good job though! im sure others will like it. :D

By alecreations on Oct 19, 2007 4:06 pm

Layout Details

Designer	snazzyrobot
Submitted on	Oct 19, 2007
Page views	18,571
Favorites	71
Comments	9
Reviewer	IVIike
Approved on	Oct 19, 2007