Beautiful Life

Designer's Comments

Look carefully for specific instructions

i actually made this last year but never coded it so...
it's not really my best work
but this is definitely different than my usual work
i'll try to make a new, amazing layout

PLEASE READ BEFORE DOING ANYTHING
O1. please do not remove any credit links
O2. please do not jock/steal/redistribute (including my stylesheet)
O3. please do not edit anything (except for the content) without asking first

REMEMBER TO REPLACE "XXXXXXXXX" WITH YOUR FRIEND ID

REMEMBER TO REPLACE "FRIENDURLHERE" WITH YOUR FRIENDS' URLS AND IMG URL WITH YOUR FRIENDS' PICS

ALL QUESTIONS OR CONCERNS WILL BE ANSWERED VIA COMMENT OR PM

credits
naver.com

~ TDL

(tested for IE and FF)

| What is Friend ID? | How to Replace X's | How to Replace Friends' URLs & Pics |

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:f6f0eb;}h1{background-image:url("http://cbimg6.com/layouts/09/08/35452ad.png");background-repeat:no-repeat;background-position:bottom left;background-attachment:scroll;color:0b0402;font-family:georgia;font-size:18px;text-transform:uppercase;letter-spacing:1pt;font-weight:normal;margin:0px;width:100%;text-align:right;}div{background-color:transparent;}div.lytbg{position:absolute;top:100px;left:50%;margin-left:-360px;width:720px;height:620px;}div.lyttop{position:absolute;top:110px;left:50%;margin-left:-350px;width:700px;height:200px;}div.lytleft{position:absolute;top:320px;left:50%;margin-left:-350px;width:190px;height:410px;}div.lytlefthead{position:absolute;top:325px;left:50%;margin-left:-345px;width:180px;height:24px;border:1px;border-color:ffffff;border-style:solid;color:000000;font-family:arial;font-size:12px;}div.lytleftbody{position:absolute;top:350px;left:50%;margin-left:-345px;width:180px;height:148px;border:1px;border-color:ffffff;border-style:solid;color:000000;font-family:arial;font-size:12px;overflow:auto;}div.lytnavigation{position:absolute;top:501px;left:50%;margin-left:-345px;width:180px;height:208px;border:1px;border-color:ffffff;border-style:solid;color:000000;font-family:arial;font-size:12px;}a.lytnavi:link, a.lytnavi:active, a.lytnavi:visited{display:block;background-color:87c7ad;color:ffffff;font-family:georgia;font-size:12px;text-transform:uppercase;letter-spacing:1pt;font-weight:normal;margin:2px;padding:0px;text-decoration:none;border-top:2px;border-bottom:2px;border-color:87c7ad;border-style:solid;}a.lytnavi:hover{display:block;background-color:87c7ad;color:ffffff;font-family:georgia;font-size:12px;text-transform:uppercase;letter-spacing:4pt;font-weight:normal;margin:2px;padding:0px;text-decoration:none;border-top:2px;border-bottom:2px;border-color:87c7ad;border-style:solid;}div.lytright{position:absolute;top:320px;left:50%;margin-left:-150px;width:500px;height:410px;}div.lytrighthead{position:absolute;top:325px;left:50%;margin-left:-145px;width:490px;height:20px;border:1px;border-color:ffffff;border-style:solid;}div.lytrightbody{position:absolute;top:350px;left:50%;margin-left:-145px;width:490px;height:234px;border:1px;border-color:ffffff;border-style:solid;overflow:auto;color:000000;font-family:arial;font-size:12px;}div.lytfriendshead{position:absolute;top:588px;left:50%;margin-left:-145px;width:490px;height:20px;border:1px;border-color:ffffff;border-style:solid;}div.lytfriendsbody{position:absolute;top:613px;left:50%;margin-left:-145px;width:490px;height:100px;border:1px;border-color:ffffff;border-style:solid;}div.lytfriendsbody img{border:0px;}form, input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}embed, object{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}.blurbs, table, tr, td, table table table{color:ffffff;font-size:0px!important;border:0px;background-color:transparent;width:0px!important;height:0px!important;}table tr td div div{width:0px!important;height:0px!important;visibility:hidden;}.orangeText15, .nameText, .friendSpace, .friendsComments, .contactTable, .extendedNetwork, .latestBlogEntry, .userProfileURL, .userProfileDetail, .bottomlinks, .ImgOnlineNow, .profileinfo, .navbar, .interestsAndDetails, .userProfileSchool, .navigationbar, a.text, a u, font{display:none!important;}body div table td form img{display:none!important;}div div table div{display:none;width:0px;} .clearfix table div div{display:block;}tr td div, div td, div tr, div table{background-color:transparent!important;}.profile, div ul{display:none!important;}</style><div class="lytbg"><img src="http://cbimg6.com/layouts/09/08/35452aa.png"></div><div class="lyttop"><img src="http://cbimg6.com/layouts/09/08/35452ab.png"></div><div class="lytleft"><img src="http://cbimg6.com/layouts/09/08/35452ac.png"></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="lytlefthead">
<h1>profile</h1>
</div>

<div class="lytleftbody">
<b>name:</b> name
<br/>
<b>age:</b> age
<br/>
<b>gender:</b> male/female
<br/>
<b>orientation:</b> orientation
<br/>
<b>ethnicity:</b> ethnicity
<br/>
<b>occupation:</b> occupation
<br/>
<b>interests:</b> interests
<br/>
<b>expertise:</b> expertise
</div>

<div class="lytnavigation">
<center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="lytnavi">home</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXXX" class="lytnavi">pictures</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXXX" class="lytnavi">comments</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXXX" class="lytnavi">friends</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXX" class="lytnavi">message me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXXX" class="lytnavi">add me?</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXXX" class="lytnavi">block user</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXXX" class="lytnavi">blogs</a>
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.myGroups&userid=XXXXXXXXX" class="lytnavi">groups</a>
<a href="http://twodreamlovers.createblog.com" class="lytnavi">designer</a>
</center>
</div>

<div class="lytrighthead">
<h1>about me</h1>
</div>

<div class="lytrightbody">
<strong style="margin-left:50px;">Lorem</strong> <i>ipsum</i> <u>dolor</u> sit amet, consectetuer adipiscing elit. Quisque dui. Nam vitae justo. Nullam ac neque. Donec quam. Nunc est sem, faucibus ac, imperdiet quis, faucibus pretium, ipsum. Nam varius velit nec erat. Donec sollicitudin quam non felis. Donec auctor libero vitae magna. Nulla velit ligula, commodo ut, suscipit vel, convallis sit amet, urna. Donec ipsum ipsum, varius ut, elementum vel, aliquet viverra, pede. Nullam quis nisi. Integer nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris condimentum pharetra pede. Quisque eget sapien id nisi ornare sodales. Maecenas sodales dapibus velit. Integer ipsum. Etiam laoreet nisi non mauris. Quisque at dui nec nulla imperdiet consequat. Ut venenatis. Donec lacus neque, gravida sed, imperdiet et, mattis quis, elit. Praesent vel mi in ipsum adipiscing adipiscing. Fusce ac libero. In non purus et leo mattis mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc sed metus. Suspendisse pellentesque. Donec sed orci. Quisque id risus. Nam sagittis viverra nibh. Proin quis libero nec turpis interdum hendrerit. Aliquam nulla eros, consectetuer sit amet, gravida accumsan, mollis malesuada, erat. Fusce sit amet erat. Vivamus posuere enim eu justo.
</div>

<div class="lytfriendshead">
<h1>top friends</h1>
</div>

Layout Comments

Showing latest 10 of 21 comments

May I edit the friends are?

By Darkvampe on Jul 20, 2020 2:56 am

hello am Melissa and i was wondering if you could do my some layoutfor meD:? you do them really nice oness am starting a business i want a really cool pro layout it a photography business like i shoot models :)could you help me?

By mellymurderer on Dec 5, 2009 1:19 pm

i like the arrangement, i just dont like the banner much :/

By koobecaf on Oct 3, 2009 7:26 pm