Rollover image

You can use the rollover tutorials you found. Even though your theme files have .php extensions, they are actually a mix of PHP and HTML code. You can still use HTML rollover code on them as you would on any HTML site.

I want the rollover image’s on my background, In what file should I put the HTML code? Index.php?

you probably need to start by adding the html code to header.php.

(depending on your code)

give them some unique css classes; and add the styles for the positions, sizes, and image hover into style.css of your theme.

Thanks! ??

It worked locally with this code:
In the header, under the body tag:
<div id="twitter"></div><!

In my child-theme stylesheet:

#twitter {
	background:url(https://www.fastforwardandrewind.com/buttons/twitter.png);
	width:70px;
	height:140px;
}

#twitter:hover {
	background:url(https://www.fastforwardandrewind.com/buttons/twitter.png);
	width:70px;
	height:140px;
	background-position:0 -70px;
}

But when I added it to the on-line version of my site, the entire lay out of the page went wrong. Can somebody please help me? I really want this to work. (The buttons needs to hover over my background, on the right side next to the sidebar)