Rollover question, I think I'm almost there...hopefully Options

[shynomi]

Ok, I've looked through a ton of resolved topics on this and the main band tutorial as well but I'm missing something.

I had found this tutorial that made it look the easiest so far for rollovers.
http://www.createblog.com/html_css-scripts...image-rollover/

I've got sliced images for my main header but have no clue where the rollover codes go,
in about me section where the rest of the codes are? or is there a certain area they need to go in?
I want to simply have rollovers on the contact links (send message, add to friends etc..)
on my page: http://www.myspace.com/frucatestpage

I have tried this code:

CODE

<style type="text/css">
a.SENDMESSAGE
{float:left;background:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20SAINTS%20OF%20VALORY/justheader_04-1.jpg)repeat;width:336px;height:44px;display:block;}

a.SENDMESSAGE:hover
{float:left;background:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20SAINTS%20OF%20VALORY/justheader_04-2.jpg)repeat;}
</style>

That is for the send message link, I read where I have to use a transparent gif now in the original sliced link. That I don't get.

Here's the code for the sliced images in the main header, you'll see i have the class SENDMESSAGE in the link.

CODE

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQ4MjUxNjU4OA==" class="SENDMESSAGE">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20SAINTS%20OF%20VALORY/justheader_04-1.jpg" width="336" height="44" border="0" alt="" /></a></td>

Am I on the right track?
Sorry so long, just wanted to give every bit of info i could.

[Mickey]

Posts merged. Same with the body background:

CODE

body{ font-size:x-small;
background-color:ffffff;
background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20SAINTS%20OF%20VALORY/bg3.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top center;
margin-top: 0px;}

Add quotation marks around the background URL. Change no-repeat to repeat to tile the background. As for your friends / comments, try using this code to put them in a scrollbox instead:

CODE

<style>
.friendscomments {position: absolute; top: 250px; left: 50%; margin-left: -250px; height: 500px!important; width: 500px!important; overflow: auto;}
</style>

<div class="friendscomments">
<table><tr><td>
<table><tr><td>
<table><tr><td>
</div>

Place that at the very bottom of your Bio codes then customize it accordingly.