I want to use a text widget to place code for a rollover button (a button and its hover state).
I tried this, but didn't work for me: http://www.megandowntherabbithole.com/2011/11/rollover-button-magic-in-your-wordpress-sidebar-resolution-of-an-epic-struggle/
My button lives here: http://lcr-sap.be/lcr-lagauche.org/i/soutien-button-1.jpg
The hover state is http://lcr-sap.be/lcr-lagauche.org/i/soutien-button-2.jpg
Is it possible to make this work in a sidebar? If so, how?
You can do this with CSS, but if you want to do this with HTML like in the tutorial you linked, I got it to work like this:
<a title="#" target="_blank" href="YOUR LINK"><img src="http://lcr-sap.be/lcr-lagauche.org/i/soutien-button-1.jpg" onmouseover="this.src='http://lcr-sap.be/lcr-lagauche.org/i/soutien-button-2.jpg'" onmouseout="this.src='http://lcr-sap.be/lcr-lagauche.org/i/soutien-button-1.jpg'" alt="Soutien"></a>
I'm still not getting the rollover effect. Any other ideas?
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!