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.
Thread Starter
Ricardo
(@r1cardo01)
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.
Thread Starter
Ricardo
(@r1cardo01)
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(http://www.fastforwardandrewind.com/buttons/twitter.png);
width:70px;
height:140px;
}
#twitter:hover {
background:url(http://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)