Hola
Estoy intentando hacer un menu include php donde los elementos del menú estén activos según la pagina en la que nos encontremos. Estoy utilizando una plantilla de themeforest porque pensaba que iba a ser más sencillo ir modificando sobre algo ya hecho ([URL="http://weibergmedia.com/demos/ht/"]La plantilla es ésta[/URL]). He visto por el foro algunos temas pero con las pautas que daban y con mis básicos conocimientos de php no he conseguido hacerlo, aconsejaban lo siguiente:
Menu include
Código PHP:
<ul>
<li <?php if ($entrada_activa == 1 ) echo 'class="active"'; ?>>Entrada 1</li>
<li <?php if ($entrada_activa == 2 ) echo 'class="active"'; ?>>Entrada 2</li>
<li <?php if ($entrada_activa == 3 ) echo 'class="active"'; ?>>Entrada 3</li>
</ul>
y después en las entradas poner:
Código PHP:
$entrada_activa = 1;
include('mimenu.php');
Siguiendo estos paso he realizado el siguiente menú
Código PHP:
<nav id="main-nav">
<ul class="option-set clearfix" data-option-key="filter">
<li <?php if ($entrada_activa == 1 ) echo 'class="sub-nav-toggle active"'; ?>><a href="#">Diseños</a></li>
<ul id="options" class="sub-nav">
<li class="selected"> <a href="#home">Todos (15)</a> </li>
<li> <a href="#grafico">Diseño Gráfico (5)</a> </li>
<li> <a href="#web">Diseño Web (3)</a> </li>
<li> <a href="#webdesign">Ilustración (7)</a> </li>
</ul>
</li>
<li <?php if ($entrada_activa == 2 ) echo 'class="active"'; ?>><a href="sobremi.php">Sobre Mi</a></li>
<li <?php if ($entrada_activa == 3 ) echo 'class="active"'; ?>><a href="blog.php">Blog</a></li>
<li <?php if ($entrada_activa == 4 ) echo 'class="active"'; ?>><a href="contacto.php">Contacto</a></li>
</nav>
Y después en cada página (index, contacto...) he incluido esto:
Código PHP:
<!-- Comienzo Menu Includes -->
<?php
$entrada_activa = 1;
include("menu.php"); ?>
<!-- Final Menu Includes -->
Pero el resultado ha sido este:
No cargan bien los estilos, el submenu siempre está desplegado... en definitiva, el resultado es diferente.
El menú de la plantilla es así:
Código PHP:
<nav id="main-nav">
<ul class="option-set clearfix" data-option-key="filter">
<li> <a href="#" class="sub-nav-toggle active">Diseños</a>
<ul id="options" class="sub-nav">
<li class="selected"> <a href="#home">Todos (15)</a> </li>
<li> <a href="#grafico">Diseño Gráfico (5)</a> </li>
<li> <a href="#web">Diseño Web (3)</a> </li>
<li> <a href="#webdesign">Ilustración (7)</a> </li>
</ul>
</li>
<li> <a href="sobremi.php">Sobre Mi</a> </li>
<li> <a href="blog.php">Blog</a> </li>
<li> <a href="contacto.php">Contacto</a> </li>
</ul>
</nav>
El problema es que me marca "Diseño" siempre como activo
¿Qué puedo hacer para que se marquen como activas las páginas dónde nos encontremos?
Muchas gracias