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.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.