1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Menu em css com bold on active

Discussão em 'Web Development' iniciada por eRKULIX, 9 de Junho de 2009. (Respostas: 3; Visualizações: 1230)

  1. eRKULIX

    eRKULIX Suspenso

    Boas!

    Tenho um menu em css, deste tipo:

    Código:
    <div id="menu">
    <ul>
    <li><a href="index.php">Home</a></li>
    <li><a href="index.php?p=2">Dois</a></li>
    <li><a href="index.php?p=3">Tres</a></li>
    <li><a href="index.php?p=4">Quatro</a></li>
    <ul>
    </div>
    

    Visto que a página mantém-se mudando apenas o uma parte do conteúdo carregado da base de dados, como é possível fazer com que o item do menu activo fique por exemplo a bold?


    Obrigado
     
  2. Soze

    Soze Power Member

    Boas,

    Os menus são dinâmicos ou estáticos? Se forem estáticos podes fazer apenas com CSS, basta que no html do menu na tag li que está activo coloques algo tipo:

    <li class="active"><a href="index.php">Home</a></li>

    Na css colocas:

    li .active {font-weight: bold;}

    Não sei se era isto que pretendias.
     
  3. eRKULIX

    eRKULIX Suspenso

    A questão é que ao carregar num item do menu não abre um nova página é sempre o index.php só envia em uma variável diferente por exemplo index.php?p=2 para carregar um contéudo diferente.

    Portanto assim não posso usar essa opção porque precisava de carregar outra página que ai teria essa classe para outro item do menu, correcto?
     
  4. Código:
    <div id="menu">
    <ul>
    <li><a href="index.php">Home</a></li>
    <li<?PHP if($_GET["p"]==2){echo'class = "active"';} ?>><a href="index.php?p=2">Dois</a></li>
    <li><a href="index.php?p=3">Tres</a></li>
    <li><a href="index.php?p=4">Quatro</a></li>
    <ul>
    </div>

    acho que isto resolve-te o problema, repete o IF nos outros li's que não tou com paciencia :P
     

Partilhar esta Página