Bye Bye Beautiful

Designer's Comments

Look carefully for specific instructions

i made the code fairly simple, so if you wish to manipulate it please do so. just keeping the copyright on the image and crediting back would be friendly.
remember to replace YOURFRIENDIDHERE with your friend id.
ideas for the whatever you want box include a 100x100 icon/image of yourself, custom comment box or text.

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>
body table {margin-top:-10px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:8ab6cc !important;
font-weight:normal;
scrollbar-face-color:transparent;
scrollbar-track-color:transparent;
scrollbar-arrow-color:transparent;
scrollbar-highlight-color:transparent; 
scrollbar-3dlight-color:transparent;
scrollbar-shadow-color:transparent;
scrollbar-darkshadow-color:transparent;
}

a:link, a:visited, a:active, a:hover, {
font-family:times new roman;
font-size:12px;
font-weight:none;
color:908f90;
text-decoration:none;
}

.image {
position:absolute;
allign:center;
overflow:auto;
top:100px;
left:210px;
background-color:transparant;
font-family:times new roman;
font-size:9px;
color:white;
font-weight:normal;
height:470px;
width:600px;
margin:0;
padding:0;
}

.main {
position:absolute;
allign:center;
overflow:auto;
top:270px;
left:250px;
background-color:transparant;
font-family:times new roman;
font-size:9px;
color:5b5c5d;
font-weight:normal;
height:250px;
width:510px;
margin:0;
padding:0;
}

.navi {
position:absolute;
allign:center;
overflow:none;
top:200px;
left:240px;
background-color:transparant;
font-family:times new roman;
color:5b5c5d;
font-weight:normal;
height:30px;
width:400px;
margin:0;
padding:0;
}

.icon {
position:absolute;
allign:center;
overflow:auto;
top:125px;
left:660px;
background-color:transparant;
font-family:times new roman;
color:5b5c5d;
font-weight:normal;
height:105px;
width:105px;
margin:0;
padding:0;
}

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navi">
<center>
<a HREF="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home.</a>
<a HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="nav">Message.</a>
<a HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="nav">Add.</a>
<a HREF="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends.</a>
<a HREF="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX" class="nav">Comment.</a>
<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="nav">Photographs.</a>
<a HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="nav">Blog.</a>
<a HREF="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="nav">Block.</a>
</div>

<div class="main">
you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here.
you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. you can write your about me here. 
</div>

<div class="icon">
whatever you want. whatever you want. whatever you want. whatever you want. whatever you want. whatever you want. whatever you want.
</div>

Layout Comments

Showing latest 10 of 15 comments

in response to naekipz, that is ONLY on the preview :)

By vintage-toile on Jul 23, 2008 7:24 pm

It's fucked up on IE. You can see two boxes behind the overlay, and it says Myspace URL. Oh and you really outta get rid of the google toolbar.. Same thing happened with the teal layout like this one. See for yourself: http://tinypic.com/view.php?pi c=2rwswn8&s=4

By Naekipz on Jul 18, 2008 7:03 pm

bye bye beauitful should be replaced with a cool font that we can put our name.

By xdestinyleex on Jul 9, 2008 12:19 am

thankyou for the comments everyone, anyone got any ideas about font colour you lot would prefer?
i will update soon.

By vintage-toile on Apr 9, 2008 9:44 am

I love this. Beautiful and simple.
If it just said "bye bye beautiful" without the extra bit, it would be extra fabulous

By Brighter on Mar 14, 2008 3:11 am

i love heather

By miguela77 on Mar 13, 2008 9:08 pm

i like it! screw everyone else i think its great!

By cowboykisser47 on Mar 13, 2008 8:18 pm

i agree with jlgroxyoursox
:x

By drag0nf7y on Mar 13, 2008 5:56 pm

i like it alot but in FF it seems to either have cut off at the sides or something. but i love it to bad i cant use it.

By flyestillusion on Mar 13, 2008 12:26 am

this is very nice

By jesusisthebestthing on Mar 12, 2008 8:48 pm

View all »

Layout Details

Designer	vintage-toile
Submitted on	Mar 12, 2008
Page views	18,191
Favorites	108
Comments	15
Reviewer	Insurmountable
Approved on	Mar 12, 2008

Bye Bye Beautiful

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates