rollover buttons in sidebar

Community Forums Forums Design Tips and Tricks rollover buttons in sidebar

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  little shiva 1 year, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23791

    little shiva
    Participant
    Post count: 29

    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?

    #25137

    Kassiah
    Participant
    Post count: 9

    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>

     

    #33456

    little shiva
    Participant
    Post count: 29

    I’m still not getting the rollover effect. Any other ideas?

     

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.