HelloGoodbye

Designer's Comments

Look carefully for specific instructions

Image by Ruuca@deviantart.com
brushes by Washwhendirty, ewanism, axeraider70@deviantart.com & missm.paperlillies.com

Anyway, Replace XXXXXXXXs with your friend ID.
PM me for help.

Creation of this layout took ages.
I'm quite chuffed with the way it came out :D

DO NOT JOCK THE IMAGE OR LAYOUT
I will hunt you down and kill you with a spoon. D:

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 { 
background-color:000000;
cursor:crosshair; }

a:link, a:active, a:visited {
font-family:Arial; font-size:10px; 
line-height:11px; color:aa4711;
text-transform:lowercase;
display:inline; font-weight:normal;
text-decoration:none;
}

a:hover {
color:000000; text-decoration:none;}

.content1 {
background-color:transparent;
border:0px;
width:320px;
height:250px;
position:absolute;
overflow:auto;
top:490px;
left:50%;
margin-left:-315px;
}

div.content1, small, big, text, p, br, td, tr, table {
font-family:tahoma; color:000000;
font-size:10px; line-height:13px;
text-decoration:none; font-weight:normal;
text-align:left;
}

.Nav1 {
position: absolute; z-index:4; 
width:85px; height:38px;
left:50%; top:548px;
margin-left:243px;
}

.home:active, .home:link, .home:visited {
display: block; overflow:hidden;
height:38px;  width:85px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/04/34369ab.jpg);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;
}

.home:hover {
background-position: bottom left;  border:none;
background-color:transparent;
cursor:crosshair;}

.Nav2 {
position: absolute; z-index:4; 
width:67px; height:51px;
left:50%; top:698px;
margin-left:258px;
}

.add:active, .add:visited, .add:link {
display: block; overflow:hidden;
height:51px;  width:67px; 
background-color:transparent;  
background: url('http://cbimg6.com/layouts/09/04/34369ac.jpg');
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;
}

.add:hover {
background-position: bottom left;  border:none;
background-color:transparent;
cursor:crosshair;
}

.Nav3 {
position: absolute; z-index:4; 
width:134px; height:45px;
left:50%; top:676px;
margin-left:90px;
}

.msg:active, .msg:link, .msg:visited {
display: block; overflow:hidden;
height:45px;  width:134px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/04/34369ad.jpg);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.msg:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav4 {
position: absolute; z-index:4; 
width:137px; height:45px;
left:50%; top:732px;
margin-left:132px;
}

.blk:active, .blk:link, .blk:visited {
display: block; overflow:hidden;
height:45px;  width:137px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/04/34369ae.jpg);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.blk:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav5 {
position: absolute; z-index:4; 
width:137px; height:45px;
left:50%; top:619px;
margin-left:196px;
cursor:crosshair;}

.pics:active, .pics:visited, .pics:link {
display: block; overflow:hidden;
height:45px;  width:137px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/04/34369af.jpg);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.pics:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.Nav6 {
position: absolute; z-index:4; 
width:151px; height:51px;
left:50%; top:576px;
margin-left:51px;
cursor:crosshair;}

.cmnt:active, .cmnt:visited, .cmnt:link {
display: block; overflow:hidden;
height:51px;  width:151px; 
background-color:transparent;  
background: url(http://cbimg6.com/layouts/09/04/34369ag.jpg);
background-position:top left;
background-repeat: no-repeat; 
cursor:crosshair;}

.cmnt:hover {
background-position: bottom left; border:none;
background-color:transparent;
cursor:crosshair;}

.layout {
top: 90px;
left: 50%;
margin-left: -400px;
position:absolute;
}

.content2 {
background-color:transparent; border:0px;
width:260px; height:150px;
position:absolute; overflow:auto;
top:245px; left:50%; margin-left:-230px;
}

div.content2, small, big, text, p, br, td, tr, table {
font-family:tahoma; color:000000;
font-size:9px; line-height:10px;
text-decoration:none; font-weight:normal;
text-align:left;
}

div {
scrollbar-face-color: 647a19;
scrollbar-arrow-color:636363;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19); 
}

b, strong {
color:333333; font-family:times; font-size:11px;
text-transform:uppercase; font-weight:normal;}

i { color:666666; font-family:georgia;}
u {color:0099ff; font-family:courier new;}

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {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;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content1">
<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> <br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</div>

<div class="content2">
This is space for tiny bits of random info. Yes, this box will scroll but don't you think it looks a lot better scrollless? I'm going to take that as a yes because if it was a no then I wouldn't care because I'm not using this layout. I'm simply wasting lots of space to both annoy you and so you can see how it looks full size. (: I really like that smiley face, more so than the traditional :) because that's boring and now passe because <b>everyone</b> uses it. <i>Literally</i>, I mean, <u>seriously</u>, be different damnit! Lmao, I don't know. I enjoy typing out filler space, I find it mildly amusing XDD Omg, I am so tired. It's half twelve, I've been working on this layout for jeffing hours! Bleh, I have to be up in about 7 hours for work too. I'ma gonna be dead D: </div>

Layout Comments

Showing latest 10 of 29 comments

I've always thought this was a great layout. [:

By JesseBlitzkrieg on Dec 12, 2009 7:40 am

Where's the partt of the code that moves the music playerr.
Mine is still showing and I don't want it to.
I know some HTML but I can't find that part of the code.

By AutumnAmor on Nov 14, 2009 3:50 pm

Hellow..Neway,i want to ask something wif u.Actually know i've been already to put inside this layout on my profil but why still can't to opened my pict,blog,home n averythng??

By Syazryde on Oct 28, 2009 2:42 am

hey, i put this layout on my profile and i don't know how to put my about me in it, can you tell me how?

By girface on Jun 28, 2009 2:43 am

love hellogoodbye. and love this layout

By unabanoona on Jun 16, 2009 4:48 pm

omgggg
thiss layoutt iss sooo cuteee...=]

By polly912 on Jun 4, 2009 11:17 pm

wish I was good as u in making layouts. :D
&& this one is by far, the best one I've seen. keep it up.

By Parasite on May 14, 2009 11:58 pm

i used this layout on my bf's page and all the words are on caps.
how do i uncap it so it'll look normal again?
i love the layout by the way. help would be very appreciated. Thanks!

By green3r on May 5, 2009 7:39 pm