Drive there Now

Designer's Comments

Look carefully for specific instructions

New layout before I go back to school. >_<

I just figured out how to get rollovers to work so it's quite simple. The rollover's have been positioned to work in 1024x768. So it'll look off in a higher screen resolution. You can change the positioning if you want to.

The quote is from the song Drive There Now by The Almost.

Fill in the XXXXXX's with your ID number.

Credit:

www.swimchick.net - Brushes
Inspired by miyashu :]

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

.content {

position:absolute;
 top:310px;
 left:520px;
 width:235px;
 height:289px;
 background-color:transparent;
 font-family:tahoma;
 color:000000;
 font-size:10px;
 line-height:13px;
 text-align:left;
 text-transform:none;
 z-index:2;
 overflow:auto;}

h1 {
font-family:times new roman;
text-transform:lowercase;
font-size:24px;
color:333333;
background-color:transparent;
text-align: left;
font-weight:bold;
padding-top:2px;
font-style:italic;
border:0px;
}

b, strong {
color: 000000;
}

i, em {
color: 666666;
font-family:georgia;
font-size:11px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: 333333;
}

u {
color: 000000;
border-bottom:1px dashed 000000;
}

a:link, a:active, a:visited {
font-family: tahoma;
color: 000000;
font-weight:normal;
font-size:11px;
text-decoration: underline;
text-transform:lowercase;
}
a:hover {
text-decoration: none;
color: 999999;
font-weight:normal;
text-transform:lowercase;
}

.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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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.footer {display: none;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

.home{height: 64px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354ab.jpg) top left no-repeat; display: block;}
.home:hover{background-position: bottom left;}
</style>

.add{height: 63px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354ac.jpg) top left no-repeat; display: block;}
.add:hover{background-position: bottom left;}

</style>

.message{height: 64px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354ad.jpg) top left no-repeat; display: block;}
.message:hover{background-position: bottom left;}
</style>

.pics{height: 63px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354ae.jpg) top left no-repeat; display: block;}
.pics:hover{background-position: bottom left;}

</style>

.friends{height: 63px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354af.jpg) top left no-repeat; display: block;}
.friends:hover{background-position: bottom left;}

</style>

.comments{height: 64px; width: 100px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/01/02/24354ag.jpg) top left no-repeat; display: block;}
.comments:hover{background-position: bottom left;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>Hey you…</h1>
Put your about me stuff here!
<b>
<b>bold</b>
<br>
<u>underline xD</u>
<Br>
<strike>Strike!</strike>
<br>
<i>Italics</i>
<br><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX"><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:white!important; background-image: url(http://img127.imageshack.us/img127/5766/commentax5.jpg); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Times New Roman!important; font-size:28px!important; color:white!important; width:200px!important; height:100px!important; ">Winter days make me say, what the hey...</textarea><br> <input value="Memories" style="border-width: 1px; border-style: solid; border-color: 000000; width:100px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="Erased" style="border-width: 1px; border-style: solid; border-color: 000000; width:100px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form>
</div>