- This topic has 2 replies, 2 voices, and was last updated 12 years, 7 months ago by
.
-
Posts
-
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>
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.