<div class="marcar ...">
Al asignar a un div la clase marcar activamos el mecanismo para marcar el enlace que se corresponde con la pagina actual.
La clase marcar debe ser la primera.
El bloque div con clase marcar debe contener varios bloques con la clase opcion.
Si uno de los bloques con clase opcion es o contiene un enlace que coincide con la url de la pagina actual el gestor de plantillas reemplazara la clase opcion por la clase actual.
Tanto el bloque div con la clase marcar como los bloques con la clase opcion pueden tener otras clases.
Ejemplo :
<div class="marcar"> <p><a class="opcion" href="/">Portada</a></p> <ul> <li class="opcion"><a href="/uno">Pag Uno</a></li> <li class="opcion"><a href="/dos">Pag Dos</a></li> <li class="opcion"><a href="/tres">Pag Tres</a></li> </ul> </div> |
Si estamos en la pagina /dos el gestor de plantillas reemplazara la clase opcion del bloque li que contiene el enlace a /dos por la clase actual.
<div class="marcar"> <p><a class="opcion" href="/">Portada</a></p> <ul> <li class="opcion"><a href="/uno">Pag Uno</a></li> <li class="actual"><a href="/dos">Pag Dos</a></li> <li class="opcion"><a href="/tres">Pag Tres</a></li> </ul> </div> |
Si no deseamos que el div que activa el mecanismo de marcado forme parte del codigo html de la pagina debemos aņadirle la clase notag.
<div class="marcar notag">