Zařídím nejvýhodnější hypotéku/ půjčku / pojištění
Zobrazují se odpovědi 1 až 7 z 7

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

  1. 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

  2. Co se právě děje na Webtrhu?
  3. Kód:
     /* unvisited link */
    a:link {
        color: green;
    }
    
    /* visited link */
    a:visited {
        color: green;
    }
    
    /* mouse over link */
    a:hover {
        color: red;
    }
    
    /* selected link */
    a:active {
        color: yellow;
    }

  4. 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:
    Kód:
    #access ul ul:hover > a{background:#fe2222;
    Ale jen aby to bylo aktivní při kliknutí a nezmizlo to vždy.


  5. 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;
    }

  6. 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á)

  7. Citace Původně odeslal ideasro Zobrazit příspěvek
    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"

  8. Díky už funguje .-)

Hostujeme u Server powered by TELE3