Add hover button on page?

  • Dan Bollinger

    (@dan-bollinger)


    14 years, 10 months ago

    How to add a mouseover/mouseout hover button within a WP page? I know how to add it to an html page, but that requires javascript in the head section.

    Dan

Viewing 4 replies - 1 through 4 (of 4 total)
  • nazcar

    (@nazcar)

    14 years, 10 months ago

    edit your css..

    if a class for your menu is menu

    then you may add in your css.

    menu {font-size: 12px; background: #00ffff; padding: 1px;}
menu a{ color: ff0000; background: #fff; }
menu a:hover { color: #000; background: #00ff00; }

    for your button with hover

    <div class="menu"><a href="http://nazcarpine.com">HOME</a></div>

    you can define borders and background image on it too.
    back-up your file.

    Thread Starter Dan Bollinger

    (@dan-bollinger)

    14 years, 10 months ago

    Thanks for your reply. I wasn’t very clear. I want this within the body of a post page, not in a menu. And, I want to use two images, one for mouseout and one for mouseover.

    Ryan S

    (@ryan_accuwebhosting)

    14 years, 10 months ago

    edit the css for the body tag in your theme’s css file… not for menu.. this will affect to the post itself

    Thread Starter Dan Bollinger

    (@dan-bollinger)

    14 years, 10 months ago

    I continued to search and realized that a CSS solution, not an HTML one, is what would work. This worked well with a few formatting changes:

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add hover button on page?’ is closed to new replies.