Hippie At Heart;

Designer's Comments

Look carefully for specific instructions

Drew everything here myself with the pentool.
Basic rollovers, but it's a pretty complecated vector considering I only started making vectors properly about 3 weeks ago, and it did take me a long time, believe it or not.
I like this, I think the colours are pretty cool.
I got the idea from this particular time of year as I live a few miles from Glastonbury festival, so the roads are heaving with campervans.
Good times...

LIKE THIS?
WEBSITE | MYSPACE

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

{Background}
body {
 background-color: ffd0db;
 scrollbar-arrow-color:ffd0db;
 scrollbar-face-color:fffdef;
 scrollbar-3dlight-color: fffdef;
 scrollbar-darkshadow-color:fffdef;
 scrollbar-shadow-color: fffdef;
 scrollbar-highlight-color: fffdef;
 scrollbar-track-color:fffdef;
 cursor: default;}

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

{Links}
a:link, a.man{font-family:arial; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px;
letter-spacing:1px;}
  
a:active{font-family:arial; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
  
a:visited{font-family:arial; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
 
a:hover{font-family:arial; 
font-size:9px; 
color:e11f4c; 
font-weight:none;
border:0px; 
text-transform:none; 
text-decoration:none;
letter-spacing:1px;}

{ROLLOVER}
.link1{z-index:5;line-height:10px;position: absolute;width:60px;height:20px;left:171;top:554;}
.link2{z-index:5;line-height:10px;position: absolute;width:45px;height:17px;left:239;top:555;}
.link3{z-index:5;line-height:10px;position: absolute;width:91px;height:19px;left:294;top:554;}
.link5{z-index:5;line-height:10px;position: absolute;width:94px;height:19px;left:395;top:554;}
.link6{z-index:5;line-height:10px;position: absolute;width:67px;height:18px;left:504;top:554;}
.link4{z-index:5;line-height:10px;position: absolute;width:99px;height:19px;left:609;top:554;}
.link7{z-index:5;line-height:10px;position: absolute;width:88px;height:20px;left:686;top:554;}

.name1{height: 20px; width: 60px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986aa.gif) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 17px; width: 45px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986ab.gif) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height: 19px; width: 91px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986ac.gif) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name5{height: 19px; width: 94px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986ad.gif) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{height: 18px; width: 67px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986ae.gif) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}
.name4{height: 19px; width: 99px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986af.gif) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name7{height: 20px; width: 88px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34986ag.gif) top left no-repeat; 
display: block;}
.name7:hover{background-position: bottom left;}

{Main Text}
body,table, td, li, p, div, textarea  
{font:normal 11px arial; 
color:000000; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing: 0px;}

{Basic Text}
.text {font:normal 11px arial; 
color:000000; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing:0px;}

{BOLD}
.standard b, p b, B, strong {
font-family:arial; 
font-size:11px; 
color:e11f4c; 
font-weight:bold; 
border:0px; 
text-transform:none; 
letter-spacing:-1px;}

{UNDERLINE}
u, s, .stext, .sbtext, .swtext {
font-family: arial; 
font-size: 11px;
color: 000000;
text-transform:none;}

{ITALICS}
i, em, .itext  {
font-family: arial; 
font-size: 11px;
color: b0dc19;
letter-spacing:1px;}

{BIG}
big, .bigtext {
font-family: arial;
font-size: 14px;
color: e11f4c;
text-transform:none;}

{CODES}
.a {hide top search bar}
div div select, div div form {display:none !important;}
body div td div div select {position:absolute!important;top:-1030px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}

{HIDE}
.friendsComments {display:none;}
.friendspace{display:none}
.latestBlogEntry {display:none;}
.extendedNetwork {display:none;}

{CODES}
div div table div {display:none;} .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; }
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{visibility:visible;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:0px;}
td.text td.text img {
width: 90px !important;}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

this is your about me.<br><br>
<b>bold</b>, <i>italic</i>, <u>underline</u>, <big>big</big> & <a href="http://www.lastsunrise.net">link</a>.<Br>
here you can write a bit more about yourself & tell us all about how you're a relaxed and laid-back person, who loves a good trip in a campervan and wishes they had one, or owns one, or steals them for a living. whatever floats your boat. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit interdum blandit. Integer nec gravida nisi. In a velit vel arcu rhoncus semper. Aliquam mollis, quam nec convallis placerat, arcu mauris ultrices mauris, vel gravida erat orci vehicula lorem. Cras at nulla pulvinar neque placerat rhoncus. Nullam sem nulla, lacinia vel molestie in, molestie quis arcu. In tincidunt bibendum diam sit amet molestie. Quisque sollicitudin ultrices aliquam. Duis neque eros, adipiscing id vehicula eget, luctus nec mauris. Aenean egestas lacus sed lectus gravida volutpat. Vestibulum tempor egestas nulla et feugiat. Aliquam sed diam sed tortor interdum egestas. Vestibulum at tincidunt odio. Maecenas nibh massa, iaculis ut ultrices sed, volutpat id dui. In nunc diam, ornare in commodo nec, rhoncus ac libero. Aenean non nisi eget est sagittis iaculis ut id sem. Praesent ullamcorper sollicitudin nunc, euismod commodo orci scelerisque ut. Mauris nec diam magna, vel lobortis leo. <br><br>

Curabitur diam turpis, hendrerit vel blandit eu, euismod nec erat. Sed convallis facilisis orci vitae malesuada. Curabitur lacinia erat tempus augue elementum eleifend. Morbi ut urna metus, nec lacinia purus. Quisque quis libero a dolor euismod aliquam. Praesent non turpis eget mi consectetur mollis. Vivamus id dui purus, id euismod sapien. Cras fermentum pellentesque magna. Pellentesque aliquet, quam ut egestas cursus, augue dolor congue diam, vitae pretium est lacus et neque. Nam nunc augue, hendrerit quis viverra vel, venenatis id orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent auctor aliquam erat id varius. Nam aliquet urna mi. Quisque lorem nisl, vulputate fringilla eleifend sed, adipiscing at metus. Curabitur id pulvinar felis. Pellentesque consectetur velit sit amet mi cursus ut tincidunt eros volutpat. Nullam tempus urna ut dui ornare sagittis. Aenean dapibus quam eu nulla porta quis tincidunt risus vehicula. <br><br>

Phasellus suscipit, velit vitae blandit adipiscing, ante magna bibendum lorem, dictum volutpat lorem ligula id tellus. Praesent et lacus sit amet ante ornare molestie. Integer ac est eu elit rutrum aliquam suscipit vitae massa. Sed id purus ac justo eleifend convallis. Sed quis ligula nec ante euismod fringilla. Nulla facilisi. Praesent in est sed nunc ultrices pulvinar sed eget libero. Nullam sed purus dolor. Suspendisse vitae libero at ipsum laoreet pellentesque. Proin elementum lorem vel elit volutpat id tempus mauris ultrices. <br><br>

</div>