Problemas com "active"

[Oscar Junior 0]

Olá pessoal, estou com uma grande dúvida, sei que é uma dúvida de principiante, porém estou chegando agora no ramo.

 

Em meu "menu" costumo criar uma classe chamada "active" que serve para abrigar esquemas de como um item do menu ficará assim que for selecionado, ou seja, são criadas as páginas e cada uma delas recebe uma classe "active" em seu respectivo link, destacando-se das demais quando selecionada, o problema é:

 

Decidi trabalhar fazendo apenas 1 "header.php" e 1 "footer.php", fazendo "includes php" nas páginas (o mais correto a se fazer para se evitar retrabalho na hora de alguma modificação), porém não consigo habilitar o "active" para cada uma das páginas, pois o menu agora é um só, gostaria muito de dar o destaque no item selecionado, mas pelo motivo do include no HTML já não consigo mais, alguma dica?

 

Obrigado pessoal

[androidel 7]

gostaria muito de dar o destaque no item selecionado, mas pelo motivo do include no HTML já não consigo mais, alguma dica?

 

Olá Oscar Junior,

 

???

 

Está utilizando include no HTML? Sendo o include uma função do PHP. O_O' Pode postar seu código para visualisarmos?

[Lucas C.S 2]

Num tindi oque ele falo posta o código ai tiu :coolio:

[Oscar Junior 0]

<!-- Static navbar -->
<div id="fundohead">  
  <div class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <img id="imgfloat" src="img/logo.png" alt="Certmaster" />
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="index.php">HOME</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">CERTIFICADO? <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="certificado-digital.php">CERTIFICADO DIGITAL</a></li>
              <li><a href="e-cnpj.php">E-CNPJ</a></li>
              <li><a href="e-cpf.php">E-CPF</a></li>
              <li><a href="nf-e.php">NF-E</a></li>
              <li><a href="certificado-digital-a-3.php">CERTIFICADO DIGITAL A-3</a></li>
              <li><a href="certificado-digital-a-1.php">CERTIFICADO DIGITAL A-1</a></li>
              <li><a href="autoridade-de-certificacao.php">AUTORIDADE DE CERTIFICAÇÃO (AC)</a></li>
              <li class="divider"></li>
              <li class="divider"></li>
            </ul>
          </li>
          <li><a href="loja.php">LOJA</a></li>
          <li><a href="faq.php">SUPORTE/FAQ</a></li>
          <li><a href="contato-santana.php">CONTATO</a></li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div> <!-- /fundohead -->

Esse é meu header.php

 

dessa forma, eu chamo ele em todas as páginas, porém não daria para habilitar uma classe "active" no link "CONTATO" por exemplo, se não, todas as páginas ficariam com o "CONTATO" em destaque, entenderam? Segue abaixo, observe no link "CONTATO"

 

<!-- Static navbar -->
<div id="fundohead">  
  <div class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <img id="imgfloat" src="img/logo.png" alt="Certmaster" />
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="index.php">HOME</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">CERTIFICADO? <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="certificado-digital.php">CERTIFICADO DIGITAL</a></li>
              <li><a href="e-cnpj.php">E-CNPJ</a></li>
              <li><a href="e-cpf.php">E-CPF</a></li>
              <li><a href="nf-e.php">NF-E</a></li>
              <li><a href="certificado-digital-a-3.php">CERTIFICADO DIGITAL A-3</a></li>
              <li><a href="certificado-digital-a-1.php">CERTIFICADO DIGITAL A-1</a></li>
              <li><a href="autoridade-de-certificacao.php">AUTORIDADE DE CERTIFICAÇÃO (AC)</a></li>
              <li class="divider"></li>
              <li class="divider"></li>
            </ul>
          </li>
          <li><a href="loja.php">LOJA</a></li>
          <li><a href="faq.php">SUPORTE/FAQ</a></li>
          <li class="active"><a href="contato-santana.php">CONTATO</a></li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div> <!-- /fundohead -->

esse "active" tem como CSS um fundo e cor de letra diferente do restante, porém se eu colocar essa classe no "li" "CONTATO", todas as páginas ficariam com o link "CONTATO" em destaque, pois esse "HEADER.PHP" está sendo chamado em todas as páginas!