By the Sea.

Designer's Comments

Look carefully for specific instructions

The blue-bordered boxes on the left side do not show up on Myspace. These previews are just old.
It is supposed to look like the screenshot. If you want to see it, I have another live preview here.

I think there are instructions in the about me...You're going to need to put your ID in for the links to work. Click here if you don't know how.

I didn't know whether to classify this as a div or a standard. I picked standard since part of the original profile is technically still showing. Anyway, enjoy. :)

Like this? Take the time to visit my website & myspace to see more.

Using This Layout

For specific instructions read designer's comments

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

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>
body{
background-color:60a1b2;
background-image:url(http://cbimg9.com/layouts/08/11/32387ac.png);
background-position:top center;
background-repeat:repeat;
background-attachment:scroll;}

.blurbs table {_margin-top:4px;}

.banner {
width:732px; 
height:125px; 
position:absolute; 
top:110px; 
left:50%;
margin-left:-380px; 
text-align:center;}

.left{
width:303px;  
position:absolute;
top:246px; 
_top:252px; 
left:50%;
margin-left:-380px; }

font, .text, div, p {
font-family:georgia;
font-size:10px;
line-height:19px;
color:2e2d24;}

b{
font-family:georgia;
font-size:10px;
line-height:19px;
color:000000;}

h1{
  font-family:century gothic;
  font-size:18px;
  margin-bottom:2px;
  font-weight:normal;
  letter-spacing:2px;
  border-bottom:0px solid;
  border-color:000000;
  line-height:20px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:f0ecc2;
  background-color:transparent;
  display:block;}

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

{font-family:georgia;
  font-size:10px;
  font-weight:normal;
  letter-spacing:0px;
  line-height:18px;
  text-transform:none;
  text-decoration:none;
  color:e47479;}

a:hover,
a.man:hover, 
a.text:hover, 
a.redlink:hover,

{font-family:georgia;
  font-size:10px;
  font-weight:normal;
  letter-spacing:0px;
  line-height:18px;
  text-transform:none;
  text-decoration:none;
  color:2e2d24;
  background-color:transparent;}

a.nav:link, a.nav:visited, a.nav:active {
border:none;
color:e47479; 
text-transform:lowercase; 
letter-spacing: -1px; 
background-image:url(); 
background-color:transparent; 
width:100%; 
display:block;
text-align:left; 
font:18px georgia; 
font-weight:normal;}

a.nav:hover {
border:none;
color:2e2d24; 
text-transform:lowercase; 
letter-spacing: -1px; 
background-image:url(); 
background-color:transparent; 
width:100%; 
display:block;
text-align:left; 
font:18px georgia; 
font-weight:normal;}

table, td {background-color:transparent;}
table tr {background-color:transparent;}
table table table tr, div tr {background-color:transparent;}

.interestsAndDetails{display:none;}
.userprofiledetail {display:none;}
.orangetext15 {display:none;}
.contactTable {display:none;}
.userProfileURL {display:none;}
.latestBlogEntry, .extendednetwork {display: none;}
.profileInfo {display:none;}
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
</style>

<h1>about me</h1>
This is where you write your about me. Don't forget to put your ID into this layout. If you don't, the links won't work. There's a tutorial on how to do so linked on at the top of the page you found this layout on. If you have any other questions, feel free to ask. Please note that you can't fill up the left column more than this one. The layout will end up looking a little screwy if you do. Now that we're past all that technical mumbo jumbo, this is where you type your about me. Talk about your life, your interests, or your cute little dog named Lou. You could add pictures, videos, and pretty much everything except comment boxes. There's a code in the layout that conflicts with those.

<div class="left">
<h1>Navigate</h1>
<table width="300">
<td>
<a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user" target="new">home</a>

<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" target="new">message</a>

<a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX&MyToken=249a4622-ad4b-4b6b-a11e-f287f3be3f20" target="new">comment</a>

<a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" target="new">block</a>

</td>

<td>
<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX">pictures</a>

<a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXX">blogs</a>

<a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXX">friends</a>

</td></table>

<h1>Other</h1>
Add any other things you want to this section. Just make sure you don't add more than what's in your main, about me section. 
</div>

Layout Comments

Showing latest 10 of 12 comments

wonderful job here! looks great!

By calilani on Apr 22, 2009 12:29 am

Aww. Sweeney Todd. Nicely done.

By JennyThePirate on Apr 10, 2009 10:22 pm

Very creative :]]

By emberfly on Feb 1, 2009 1:46 pm

I love how simple, yet perfect it is,
i love it!

By SammyTheHeadbutt on Nov 24, 2008 5:45 pm

I love the colors. :D

By so-sarcastic on Nov 7, 2008 10:09 am

I sang that song for a dinner show once.
one of the hardest songs ever,... there is no where to breathe!
this layout made me smile :)

By laughgrl on Nov 6, 2008 9:00 pm

Gabi, you are so talented! :)

By Katinka on Nov 6, 2008 7:20 pm

Thanks guys.

The words technically aren't from the Sweeney Todd song, but that's what I originally attempted. None of the lines were working out, though. D:

By schizo on Nov 5, 2008 4:31 pm

too cute!

By Harp on Nov 5, 2008 2:08 pm

the bg is so cute!

By michellekdo on Nov 5, 2008 12:50 am

View all »

Layout Details

Designer	schizo
Submitted on	Nov 4, 2008
Page views	17,442
Favorites	107
Comments	12
Reviewer	manny-the-dino
Approved on	Nov 4, 2008

By the Sea.

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates