Return to Support

Make hover stay?

Home Forums Graphene WordPress theme Support Make hover stay?

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #2931
    MrMatt
    Member

    Hi again Guys,

    Wondering if someone could help me find a way to make ‘the hover’ to stay after you have clicked at it.

    Take a look: http://grafengruppen.se

    Regards,

    Grafengruppen

    #22700
    Prasanna SP
    Member

    Enter the same values for onMouseover and onMouseout

    #22701

    How do you mean? I have this CSS-code:

    /* Icon nav bar */

    #menu-item-900 {

    text-indent: -999999px;

    width: 80px;

    }

    #menu-item-900 a:link {

    background: url(images/vitutantextlogo.png) center no-repeat !important;

    }

    #menu-item-900 a:hover {

    background: url(images/svartutantextlogo.png) center no-repeat !important;

    }

    #22702
    Prasanna SP
    Member

    Read this – http://www.w3schools.com/jsref/event_onmouseout.asp

    and

    Try it yourself – http://www.w3schools.com/js/tryit.asp?filename=tryjs_animation

    In the above example, replace onmouseout="mouseOut() with onmouseout="mouseOver()

    You need to write some extra code to implement this in the Graphene theme

    #22703

    I can’t figure it out how to implement it in the theme. Any suggestion?

    #22704

    Anyone?

    #22705

    ?

    #22706

    Still no answer, got to kill myself 🙁

    #22707

    I’m not quite sure what you mean when you say you want to make the hover stay? Could you possibly clarify or provide an example?

    #22708

    This is actually my biggest problem. It’s very difficult to explain.

    I can start like this.

    1. Look at my webpage http://grafengruppen.se (easiest way if I refer do the actual problem)

    2. I want to make the button with the logo on being like the other buttons (a silver background) with black logo on (when you are on that page)

    3. When you aren’t on that page it shall just be white logo, with black background.

    I’ve used the code:

    http://pastebin.com/uJin5KCZ

    #22709
    Prasanna SP
    Member

    Oh! Man! It’s dead easy,

    Try this,

    #menu-item-900.current-menu-item a {
    background: url(images/svartutantextlogo.png) center no-repeat !important;
    }

    #22710

    I’ve tested that already and it is in my code. (look at the pastebin)

    What I want to do is following:

    http://imageshack.us/f/560/helpnavbar.png/

    The bottom pic is when Im visiting another page but hovering the “frontpage”. I want to make so that hover state stays there while showing the frontpage. Currently it is showing the top pic on current state.

    #22711

    Well, we’re getting closer, at any rate. I’m not sure, but try using whatever code you are using for your hover state for your other states.

    #22712
    Prasanna SP
    Member

    2nd time edited reply:

    Try this again,

    #menu-item-900.current-menu-item a {
    background: url(images/svartutantextlogo.png) center no-repeat !important;
    }

    You haven’t added a in your css for current-menu-item

    First time edited reply:

    My bad! I didn’t see the code carefully..

    #22713

    It didnt make any difference, I got this guide from a guy.

    http://www.designisphilosophy.com/tutorials/highlight-current-page-or-category/

    I dont actually understand it, would be great if someone helped me (from that guide) make the code so it solves my problem. So far, do I understand that it have to be with the code “current-menu”.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.