Rose (One Column)

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

Remember to follow the instructions in the layout for new sections and tables!

Also, the live preview is slightly off - the spaces between the headers and their sections are not as big when you use the actual layout.

Tested in Firefox, Explorer, and Safari;
Created on a Mac, Firefox/Safari, 1280x800 resolution;
Banner created in Gimp;
Brushes by Yasny-chan && Hawksmont at Deviantart.com;
Please do not remove credits;
Enjoy (:

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>
.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 { display:none; }

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

body { background-color:fff; }

div, table, td, p, .text, font, textarea, input { font-family:arial;font-size:11px;text-decoration:none!important;color:2c2c2c; }

b { color:141414; }
i { font-family:georgia;color:7e2b27; }
u { border-bottom:1px dotted;border-color:b4705f; }

a, a:active, a:link, a:visited { font-family:arial;font-size:8px;font-weight:normal;color:7e2b27;text-transform:uppercase;letter-spacing:2px;text-decoration:none!important; }
a:hover { color:b4705f; }

h1 { font-family:georgia;font-size:22px;line-height:22px;font-weight:normal!important;font-style:italic;color:b4705f;text-align:right;padding-right:10px; }
h2 { font-family:georgia;font-size:18px;line-height:18px;font-weight:normal!important;font-style:italic;color:7e2b27;padding-left:10px; }

.eBody { position:absolute;left:50%;top:120px;margin-left:-201px;width:402px; }

.eMenu, .eBottom { position:relative;margin-left:1px;width:400px;text-align:center;padding-bottom:2px; }

.eBottom { height:40px; }

.eBanner { position:relative;margin-left:1px;width:400px;height:400px; }

.eTable { position:relative;margin-left:1px;width:368px;padding:7px 15px;border:1px solid;border-color:b4705f;text-align:justify; }

textarea { width:100%;height:44px;border:1px solid;border-color:7e2b27;padding:7px 15px; }
textarea:hover { border-color:b4705f;background-color:7e2b27;color:fff; }

div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position:relative;left:-10000px; }
div.profileWidth { margin-top:-30px!important; }
div.profileWidth div { filter:alpha(opacity=0);opacity:0.0001 }
div.profileWidth div.clearfix, div.profileWidth div div { filter:none;opacity:0.9999; }
div.profileWidth div.clearfix { position:relative;top:40px; }

h1.mslogo, div.srchfieldLayer, input.srchTextfld, span.loc2, div.srchButton, div div select, div div form, a.text { display:none!important; }

ul, li, .clearfix td, .rail, .clearfix { background-color:transparent!important;background-image:none!important; }

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class='eBody'>
<div class='eMenu'>
<a href='index.cfm?fuseaction=user'>Home</a> | <a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'>Add</a> | <a href='index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX'>Comment</a> | <a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'>Message</a> | <a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'>Pictures</a> | <a href='index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX'>Friends</a> | <a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'>Block</a>
</div>

<p>
<h1>about me</h1>
<div class='eTable'>
This is normal text.
<br />
<b>This is bolded text</b>.
<br />
<i>This is italicized text</i>.
<br />
<u>This is underlined text</u>.
<br />
<a href="elletricity">This is a link</a>.
<br />
<h2>This is a header.</h2>
<br />
You can write about yourself here. This table will expand to hold however much text you'd like to put. You can write about yourself here. This table will expand to hold however much text you'd like to put. You can write about yourself here. This table will expand to hold however much text you'd like to put. You can write about yourself here. This table will expand to hold however much text you'd like to put. You can write about yourself here. This table will expand to hold however much text you'd like to put. You can write about yourself here. This table will expand to hold however much text you'd like to put.
</div>

<p>
<h1>i'd like to meet</h1>
<div class='eTable'>
You can write about who you'd like to meet here. I'd like to meet Big Bang, as well as some other Korean groups (: You can write about who you'd like to meet here. I'd like to meet Big Bang, as well as some other Korean groups (: You can write about who you'd like to meet here. I'd like to meet Big Bang, as well as some other Korean groups (:
</div>

<p>
<h1>interests</h1>
<div class='eTable'>
You can write about your interests here. I've included several sections already.
<br />
<h2>general</h2>
This is where your general interests should go. This is where your general interests should go. This is where your general interests should go.
<br /><br />
<h2>music</h2>
This is where your musical interests should go. This is where your musical interests should go. This is where your musical interests should go.
<br /><br />
<h2>movies</h2>
This is where your cinematic interests should go. This is where your cinematic interests should go. This is where your cinematic interests should go.
<br /><br />
<h2>television</h2>
This is where your television interests should go. This is where your television interests should go. This is where your television interests should go.
<br /><br />
<h2>books</h2>
This is where your literary interests should go. This is where your literary interests should go. This is where your literary interests should go.
<br /><br />
<h2>heroes</h2>
This is where a list of your heroes should go. This is where a list of your heroes should go. This is where a list of your heroes should go.
</div>

<p>
<h1>extras</h1>
<div class='eTable' style='text-align:left;'>
You can add and delete any section on this layout.
<br /><br />
To add a section under Interests, copy this code and paste it under any section under Interests. Make sure you copy the entire code!
<textarea><br><br>
<h2>new section</h2></textarea>
<br /><br />
To add a new table like this table, copy this code and paste it under any table in the layout. Make sure you copy the entire code!
<textarea><p>
<h1>new table</h1>
<div class='eTable'>
Text goes here.
</div></textarea>
</div>

<p>
<div class='eBottom'>
<a href='http://elletricity.com'>Credit</a> // <a href="index.cfm?fuseaction=misc.aboutus" target="_blank">About</a> | <a href="index.cfm?fuseaction=misc.terms" target="_blank">Terms</a> | <a href="index.cfm?fuseaction=misc.privacy" target="_blank">Privacy</a> | <a href="index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome" target="_blank">Safety</a> | <a href="index.cfm?fuseaction=misc.contact" target="_blank">Contact</a> | <a href="index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID=" target="_blank">Report</a> | <a>©Myspace.com. All Rights Reserved.</a>
</div>

</div>

Layout Comments

Showing latest 10 of 13 comments

Do you think you could make this for IMVU? i mean, i loove this layout soo much. and its not working for me. Normally when i get DIV layouts they work on imvu. buut. Lol. idk. Just wondering(: Love the layoutt.

By KertneyPaige on Oct 9, 2009 12:12 pm

well, this is the layout im using now obviously, and its perfect for people who love to have a section for everything. :) but it is a bit misaligned on IE. love!

By Blue-ninja on Aug 12, 2009 10:33 am

This is beautiful.. gonna use it. love the idea :)

By Blue-ninja on Aug 8, 2009 12:56 am