Jak nastavit aktivní hover v menu u šablony Twenty Ten nebo Eleven

ideasro

(19 hodnocení)

13. 2. 2018 09:28:27

Dobrý den, chtěl bych se zeptat, jak se odborně v CSS nazývá - tlačítko pro přechod které je aktivní.

Myslím tím, když najedete na položku v menu - najede tzv. hover.

A já potřebuji něco jako aktivní hover, kdy je stálé vidět při rozkliknuté položce v menu.

Například zde jsou dema šablony:

Twenty Ten | The 2010 theme for WordPress is stylish, customizable, simple, and…

Twenty Eleven | The 2011 theme for WordPress is sophisticated, lightweight, and…

Většinou ten hover najíždí pouze když najedete na položku v menu a následně zmizne jak dáte kurzor pryč, ale já ho tam chci mít pořád nastavený. A když přepnu na jinou položku v menu tak chci at je zase na další.

Jak lze toto co nejjednodušeji provést, například pomocí custom-css.

Moc děkuji

13. 2. 2018 09:28:27

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329546

zezmen

(39 hodnocení)

13. 2. 2018 09:35:09

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329545

ideasro

(19 hodnocení)

13. 2. 2018 09:56:17

Děkuji, já to zkoušel ale to mi změnilo barvu u odkazu ale ne u menu. Tam to zůstalo stejné při přejetí.

Myslím tady toto:

Ale jen aby to bylo aktivní při kliknutí a nezmizlo to vždy.

13. 2. 2018 09:56:17

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329544

StepanP

(12 hodnocení)

13. 2. 2018 10:23:02

Pomocí tohoto kódu si můžeš měnit stylování aktivní položky v menu. Čili položku, která označuje, na jaké stránce se zrovna nacházíš.

#access ul li.current_page_item > a {

color: red;

}

13. 2. 2018 10:23:02

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329543

ideasro

(19 hodnocení)

13. 2. 2018 10:32:54

Rozumím ale při editaci a vložení do css mi to změní barvu pouze textu ale ne jeho pozadí (toho čtverečku který ho pak překrývá)

13. 2. 2018 10:32:54

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329542

StepanP

(12 hodnocení)

13. 2. 2018 10:33:41

Napsal ideasro;1444013
Rozumím ale při editaci a vložení do css mi to změní barvu pouze textu ale ne jeho pozadí (toho čtverečku který ho pak překrývá)

Tak místo "color" použijte "background-color"

13. 2. 2018 10:33:41

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329541

ideasro

(19 hodnocení)

13. 2. 2018 10:44:26

Díky už funguje .-)

13. 2. 2018 10:44:26

https://webtrh.cz/diskuse/jak-nastavit-aktivni-hover-v-menu-u-sablony-twenty-ten-nebo-eleven/#reply1329540

Pro odpověď se přihlašte.

Přihlásit