Up Above

Designer's Comments

Look carefully for specific instructions

First DIV I made[:
Replace X's with your ID
The Navi looks a little bit ok
but it should be alrightt

ideas are made by me except
balloon ©pyromaniac

EDIT: OOOOOOOOOOOOOOOOOOOOOOOOKK LAST TIME!
Save your friend's pictures
and edit them on paint or photoshop..
something like that and if not possible
you can delete the whole friends section.

EASY!

Pictures in the little preview
are 35 by 35

Don't ask please it's simple.

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

</td></tr></table>
</td></tr></table>
</td></tr></table>
</div>
<table><tr><td>
<table width="435"><tr><td valign="top" align="left" width="435" bgcolor="transparent" style="word-wrap:break-word">
<style type="text/css">.hidethem {display:none; visibility:hidden;}</style>
</div>

<div class="nav" style="position: absolute; background-color:transparent; left:240px; top:60px; width:230px; height:1350px; overflow: auto;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=c89b3908-c8f3-47e9-8c1b-d6bb93245248">home</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>
<center><a href="http://blog.myspace.com/XXXXXXX">blog</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pictures</a>
</center>
</div>

<div class="me" style="position: absolute; background-color:transparent; left:270px; top:140px; width:260px; height:265px; overflow: auto;"><center>
<b>BOLD</b><i>ITALICS</i><u>UNDERLINE</u>BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
</div>

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}
}

table table { 
border:none;
background-color:transparent; 
width:250px;
padding:1;
} 
table table table table td{width:250;}

table table table table{ 
border: none;
width:360px;
background-color:transparent; 
align:right;
padding:1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:transparent;000000; 
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

body {
  background-image:  url();  background-attachment: scroll;
  background-repeat:repeat;
  background-position:top center; 
  background-color:D4DDED;
  scrollbar-arrow-color: 6E96D5;
  scrollbar-track-color: D4DDED;
  scrollbar-shadow-color: D4DDED;
  scrollbar-face-color: D4DDED;
  scrollbar-highlight-color: D4DDED;
  scrollbar-darkshadow-color: D4DDED;
  scrollbar-3dlight-color: D4DDED;
  cursor: url();
overflow-x:hidden;
}
font {background-color: transparent}

}
P {FONT: 11px tahoma; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
.content{
background-color: transparent;}

.redtext, .redbtext {font-weight: normal; color:000000; font-family:tahoma; font-size:11px; text-transform:lowercase;  line-height:11px;text-align:center;}
.text {font-family:tahoma; text-align:center;font-size: 11px; color:000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 11px;text-align:center;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:tahoma; font-size: 11px; color:000000;text-align:center; font-weight:normal; text-decoration: none; text-align:center;letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 11px; background-color: transparent; border: 0px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover { font-family:tahoma; text-align:center;font-size: 11px; color:D4DDED; font-weight:normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 12px;text-align:center; background-color: transparent; border: 0px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

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

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

Layout Comments

Showing latest 10 of 59 comments

this is cute .

By idrrkayasianjulie on Oct 17, 2009 2:46 pm

I'm not great with things like this so can anyone help me add a View Friends link in the navigation section?

By fallentragedy on Jun 20, 2009 6:16 pm

amazing; its cute (:

By samanthaxrandom on Jan 6, 2009 9:33 pm

This layout is really cute!

By dilligrout on Sep 23, 2008 11:10 pm

Wow, great DIV! :D

By Vicineli on Aug 30, 2008 12:56 pm

the layout design is cute, but the coding has it covering up the ad and its also leaning left in firefox at least. thats a big no no covering up the ad even partially. so people using this should also the top px a little bit.

By eMarie2470 on Jun 12, 2008 5:49 pm

how do i delete the friends section, and how do i put my picture on there

By sexiblueyes03 on Jun 5, 2008 8:59 am

so kawaii. love it

By sweetdesigns on May 6, 2008 2:14 pm

i really love this layout,
but i can't find the x's to put the friend ID, help please?

By Katiiex30 on Feb 16, 2008 11:32 am

Cant find any X's where did you put them? On the I'd meet code or the About me code?

By iimusic on Dec 30, 2007 1:51 pm

View all »

Layout Details

Designer	abcrashx
Submitted on	Jun 24, 2007
Page views	140,618
Favorites	1064
Comments	59
Reviewer	alovesopure
Approved on	Jun 25, 2007

Up Above

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates