Prehrana

Designer's Comments

Look carefully for specific instructions

Just put the code in the right area, and replace the XXXXXXXX with your friend ID, and YOURFRIENDURLHERE with your friend's Friend IDs.

Layout should be aligned perfectly in all browsers. (not sure about the cb preview)

Tested in:
Windows Firefox
Windows Internet Explorer
Windows Safari
MacOSX Safari

If you have any questions about the layout, PM me, or leave a comment.

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

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

h1 {font-size: 50px; font-family:  
         tahoma; color: d0dc3f;}

h3 {font-size: 14px; font-family:  
         tahoma; color: fff;}

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

.pictures {display:block;width:40px;height:90px; background-color:transparent; background-image:url("http://img14.imageshack.us/img14/7630/picturesover.png"); 
background-repeat:no-repeat; background-position:top left; }

.pictures:hover {display:block;width:40px;height:90px; background-color:transparent; 
background-image:url("http://img515.imageshack.us/img515/8109/picturesj.png"); background-repeat:no-repeat; background-position:bottom left;}

.home {display:block;width:40px;height:90px; background-color:transparent; background-image:url("http://img528.imageshack.us/img528/9246/homeover.png"); 
background-repeat:no-repeat; background-position:top left; }

.home:hover {display:block;width:40px;height:90px; background-color:transparent; 
background-image:url("http://img8.imageshack.us/img8/8207/homelyd.png"); background-repeat:no-repeat; background-position:bottom left;}

.add {display:block;width:40px;height:90px; background-color:transparent; background-image:url("http://img237.imageshack.us/img237/1337/addover.png"); 
background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:40px;height:90px; background-color:transparent; 
background-image:url("http://img246.imageshack.us/img246/4405/add.png"); background-repeat:no-repeat; background-position:bottom left;}

.block {display:block;width:40px;height:90px; background-color:transparent; background-image:url("http://img14.imageshack.us/img14/4237/blockover.png"); 
background-repeat:no-repeat; background-position:top left; }

.block :hover {display:block;width:40px;height:90px; background-color:transparent; 
background-image:url("http://img222.imageshack.us/img222/8240/block.png"); background-repeat:no-repeat; background-position:bottom left;}

.designer {display:block;width:14px;height:146px; background-color:transparent; background-image:url("http://img10.imageshack.us/img10/3742/desginer.png"); 
background-repeat:no-repeat; background-position:top left; }

</style><div class="moveLinks"></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="bg" style="position: absolute; left:50%;  top:175px; margin-left:-340px; width:500px; height:120px;  overflow: auto; background-color: transparent; z-index:0;"><h1>First AndTheLastName</h1></div>

<div class="bg" style="position: absolute; left:50%;  top:301px; margin-left:-340px; width:500px; height:20px;  overflow: hidden-y; background-color: transparent; z-index:0;"><h3>In other news...</h3></div>

<div class="contentright" style="position: absolute; left:50%;  top:330px; margin-left:-340px; width:550px; height:250px;  overflow: auto; 
background-color: transparent; z-index:0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum elit nulla, egestas ac, imperdiet hendrerit, luctus et, nisl. Morbi blandit elit. Donec fringilla. Nunc eleifend massa sed nulla fermentum malesuada. Sed auctor. Donec placerat dolor quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sed justo sit amet erat interdum ultrices. Aliquam volutpat, lorem vitae euismod consequat, ante odio ullamcorper purus, in cursus libero tellus sed ante. Nulla bibendum consectetur mauris. Aliquam iaculis volutpat quam. Nunc ac mauris. Donec blandit pharetra urna. Suspendisse mollis laoreet lorem. Sed euismod laoreet lorem. Ut sed lectus. Quisque eget metus.<br /><br /> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent urna ipsum, vehicula at, egestas ac, ultricies vel, neque. Pellentesque non nunc quis elit ornare hendrerit. Pellentesque sodales. Duis elit urna, elementum in, convallis semper, volutpat eu, lectus. Fusce sapien dui, varius non, tempus eget, venenatis a, enim. Integer id nulla fermentum sem rutrum faucibus. Nullam a neque sed ligula consectetur interdum. Quisque sem justo, vestibulum facilisis, semper ac.<br /><br />in cursus libero tellus sed ante. Nulla bibendum consectetur mauris. Aliquam iaculis volutpat quam. Nunc ac mauris. Donec blandit pharetra urna. Suspendisse mollis laoreet lorem. Sed euismod laoreet lorem. Ut sed lectus. Quisque eget metus.</div>

<div class="sidebarright" style="position: absolute; left:50%;  top:330px; margin-left:220px; width:150px; height:250px;  overflow: auto; 
background-color: transparent; z-index:0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum elit nulla, egestas ac, imperdiet hendrerit, luctus et, nisl. Morbi blandit elit. Donec fringilla. Nunc eleifend massa sed nulla fermentum malesuada. Sed auctor. Donec placerat dolor quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sed justo sit amet erat interdum ultrices. Aliquam volutpat, lorem. </div>

Layout Comments

Showing latest 10 of 16 comments

It's cute.

By Butterface89 on Jan 26, 2015 7:17 pm

I really like this layout, but I'm not so down with the colors. Is there another layout just like this but with different colors?

By loveforever0215 on Nov 22, 2009 6:45 am

I love rainbows. Even though this is about half the rainbow, it's still nice.

By colorxmexeden on Aug 21, 2009 7:58 pm

I've looked through the coding and I can't find where I'm supposed to switch out the link for the image where the 100x100 box is now. Am I just missing it in the code or is it just not there?

By KyleeBlack on May 23, 2009 9:04 pm

I think if you used simple colours like black and white it would be awesome. Still, I like it.

By KimberleyKaleidoscope on Apr 16, 2009 5:30 pm

Much, much better without I think.

By oranger0cks on Apr 11, 2009 10:26 pm

Ohh, I love the colors.

By xii3 on Apr 11, 2009 8:18 pm

*favs*

By none345678 on Apr 11, 2009 5:38 pm

Alright, drop shadows are no more. ^_^

By Medi on Apr 11, 2009 4:23 pm

Yeah, I think it would be better with out the drop shadow. The rollover are awesome.

By none345678 on Apr 11, 2009 3:55 pm

View all »

Layout Details

Designer	Medi
Submitted on	Apr 10, 2009
Page views	16,432
Favorites	128
Comments	16
Reviewer	manny-the-dino
Approved on	Apr 11, 2009

Prehrana

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates