Spartan Code – Blog

Siempre he preferido incluir un archivo de menú de mis sitios en lugar de repetirlos en todas las páginas por la obvia razón de que los elementos de menú cambian a veces y que sea más fácil de cambiar un archivo que cambiar los enlaces en todas las páginas que muestran que el menú.

Así que de todos modos, hace poco he querido utilizar CSS para mostrar el elemento activo o la página actual del usuario,  esto es fácil de hacer cuando el menú está en cada página, pero requiere un poco de PHP cuando se utiliza un menú único que incluye todo su sitio.

Así que de todos modos esta es mi solución:

Aquí está el código para el menú de navegación – Puedo guardar esto como un archivo llamado menu.php

<?php
$active[$current] = “class=active”;
?>
<div class=”grey” id=”menu_wrapper”>
<div class=”left”></div>
<ul id=”menu”>
<li <?php echo $active[1] ?>><a href=”#”>Nuestra Empresa</a></li>
<li <?php echo $active[2] ?>><a href=”#”>Ubicación</a></li>
<li <?php echo $active[3] ?>><a href=”#”>Servicios</a></li>
<li <?php echo $active[4] ?>><a href=”#”>Recursos humanos</a></li>
<li <?php echo $active[5] ?>><a href=”#”>Sistema de Gestión S.U.M.II</a></li>
<li <?php echo $active[6] ?>><a href=”#”>Contacto</a></li>
</ul>
</div>

Luego, basta con incluir el menú en sus páginas e indicar cuál de los enlaces del menú que desea darle el estilo CSS “activos”:

<? php $ actual = 3; include ( “menu.php”);?>

Por último, no se olvide de declarar un estilo visual para la clase CSS “activo” para hacer el enlace de la página actual para destacarlo de los demás.