Make hover stay?

MrMatt
January 23, 2012 at 2:07 am #2931

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

Prasanna SP
January 23, 2012 at 2:46 am #22700

Enter the same values for onMouseover and onMouseout

GrafenGruppen
January 23, 2012 at 8:49 am #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;

}

Prasanna SP
January 23, 2012 at 9:00 am #22702

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

GrafenGruppen
January 23, 2012 at 3:09 pm #22703

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

GrafenGruppen
January 25, 2012 at 12:32 am #22704

Anyone?

GrafenGruppen
January 25, 2012 at 10:08 pm #22705

?

GrafenGruppen
February 1, 2012 at 10:14 pm #22706

Still no answer, got to kill myself 🙁

Mod

Kenneth John Odle
February 2, 2012 at 2:20 am #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?

GrafenGruppen
February 2, 2012 at 12:52 pm #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