Foros del Web » Creando para Internet » Diseño web »

Header

Estas en el tema de Header en el foro de Diseño web en Foros del Web. Saludos, tengo este codigo en un header. <!-- Top Menu --> <div id="nav" class="clearfix font"> <ul > <li><a href="how_it_works.php">how it works.</a></li> <li><a href="about_us.php">about.</a></li> <li><a href="store_locator.php">store ...
  #1 (permalink)  
Antiguo 04/06/2011, 09:29
 
Fecha de Ingreso: mayo-2005
Mensajes: 23
Antigüedad: 18 años, 10 meses
Puntos: 1
Header

Saludos, tengo este codigo en un header.
<!-- Top Menu -->
<div id="nav" class="clearfix font">
<ul >
<li><a href="how_it_works.php">how it works.</a></li>
<li><a href="about_us.php">about.</a></li>
<li><a href="store_locator.php">store locator.</a></li>
<li><a href="contact.php">contact.</a></li>
<li><a href="faqs.php">faq.</a></li>
</ul>

</div>

tambien tengo un style css, en este estilo al hacer un click cambia de color para cada link, yo desearia hacer un <? include ("header.php"); ?> a todas las paginas y que cambie el menu para dicho link, ejemplo http://savvypenny.com/ lo hace por que tengo todo el codigo pagina por pagina y necesito unifcarla.. Gracias espero ayuda
  #2 (permalink)  
Antiguo 04/06/2011, 09:43
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años
Puntos: 37
Respuesta: Header

Hola.

Si no te he entendido mal, puedes hacerlo con php y un simple switch:

header.php:
Código PHP:
Ver original
  1. <?php
  2.   switch( $_SERVER['PHP_SELF'] )
  3.   {
  4.     case '/how_it_works.php': $sel = 1; break;
  5.     case '/about_us.php': $sel = 2; break;
  6.     case '/store_location.php': $sel = 3; break;
  7.     default: $sel = null;
  8.   }
  9.   $clase = 'class="selected" ';
  10. ?>
  11.  
  12. <ul >
  13.   <li><a <?php if($sel==1){echo $clase;} ?>href="how_it_works.php">how it works.</a></li>
  14.   <li><a <?php if($sel==2){echo $clase;} ?>href="about_us.php">about.</a></li>
  15.   <li><a <?php if($sel==3){echo $clase;} ?>href="store_locator.php">store locator.</a></li>
  16. </ul>

Y en el CSS le das el estilo que le corresponda a la clase selected.


Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.

Etiquetas: header
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:35.