Ayuda para modificar un menu css con imagenes
Hola amigos del foro este es mi primer mensaje, estoy trabajando en un sitio web en el que incluyo una botonera hecha mediante css con imagenes tal y como lo hacen en este tutorial:
Aqui esta el ejemplo de como queda el menu del tutorial
He podido modificar para adecuarlo a mis necesidades utilizando mis propias imagenes y todo sin problemas.
El problema que tengo es que no se como llamar a la clase "active" dependiendo de la seccion en la que me encuentro, me explicare con más detalle, el sitio web consta de 4 secciones INICIO, PRODUCTOS, EMPRESA, CONTACTO, mi menu esta contenido en un archivo llamado menu.html y lo incluyo en cada sección mediante:
Como debo hacer para que al ingresar a una seccion la opcion del menu correspondiente a esa seccion tenga la clase "active", si ven el codigo fuente del ejemplo se ve que esta con la clase "active" la primera opcion del menu, es lo que deseo hacer pero para cada seccion.
Espero que puedan ayudarme
Código:
http://www.cristalab.com/tips/menu-css-con-imagenes-precargadas-css-sprites-c65689l/
Código:
http://www.fsmhelpdesk.com/cristalab-files/tip-css-sprites/ejemplo/menu.html
El problema que tengo es que no se como llamar a la clase "active" dependiendo de la seccion en la que me encuentro, me explicare con más detalle, el sitio web consta de 4 secciones INICIO, PRODUCTOS, EMPRESA, CONTACTO, mi menu esta contenido en un archivo llamado menu.html y lo incluyo en cada sección mediante:
Código:
<?php include("menu.html"); ?>
Espero que puedan ayudarme
Usuario Registrado
Fecha de Ingreso: sep-09
Mensajes: 2
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: Ayuda para modificar un menu css con imagenes
el menu deberia ser tambien ser un php
al que le mandas una variable
suponete $localizacion
segun donde estes escribe, active en la etiqueta que corresponda
al que le mandas una variable
suponete $localizacion
segun donde estes escribe, active en la etiqueta que corresponda
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Ayuda para modificar un menu css con imagenes
Gracias por responder p4bl1t0, entiendo a lo que te refieres, no tengo problema para implementar el menu en un archivo php.
La idea seria algo como esto verdad:
pero lo que no se es que valor le asignaria a la variable $localizacion de acuerdo a la seccion en la que me encuentro.
si tienes una ejemplo te lo agradecaria mucho.
La idea seria algo como esto verdad:
Código:
<?php
$localizacion=VALOR;
...
...
// En cada opcion del menu
if($localizacion==ALGO){ echo"class='active' "; }
?>
si tienes una ejemplo te lo agradecaria mucho.
Usuario Registrado
Fecha de Ingreso: sep-09
Mensajes: 2
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: Ayuda para modificar un menu css con imagenes
yo lo que haria, es pasar en los links el valor que vos quieras
ejemplo (siguiendo lo que vos pusiste)
y luego
<?php
$variable = $_POST['localizacion']
if($localizacion==2){ echo"<a href="thebook.php?localizacion=2" title="The Book" class="active">The Book</a>"; }
?>
ejemplo (siguiendo lo que vos pusiste)
Código:
<a href="thebook.php?localizacion=2" title="The Book">The Book </a>
<?php
$variable = $_POST['localizacion']
if($localizacion==2){ echo"<a href="thebook.php?localizacion=2" title="The Book" class="active">The Book</a>"; }
?>
Super Moderador
Fecha de Ingreso: dic-03
Edad: 24
Mensajes: 5,910
Gracias dadas: 0
Agradecido 3 veces en 3 Mensajes
Re: Ayuda para modificar un menu css con imagenes
Otra forma es listando en un array las secciones del menú. Después recorrés ese array con un foreach y lo comparás con la url. Si coinciden, le das la clase "active".
Te dejo el código de menu.php
De esta forma te ahorrás de pasar variables en cada sección, tan sólo tenés que incluirlo...
Quedaría así.
Saludos
Te dejo el código de menu.php
Código:
<?php
// Obtener seccion de la URL
$s = strtolower(basename($_SERVER['PHP_SELF']));
$s = explode("?", $s);
$s = $s[0]; // ejemplos: home, a, b
// Listar las secciones del menu (titulo --> archivo)
$links = array(
'Home' => 'home.php',
'Seccion A' => 'a.php',
'Seccion B' => 'b.php'
);
// Aplicar la clase active cuando corresponda
foreach($links as $k => $v) :
if($s == $v) $lnk = '<li class="active">';
else $lnk = '<li>';
// Armar los links del menu
$lnk .= '<a href="'.$v.'"><span>'.$k.'</span></a></li>';
echo '<ul>'.$lnk.'</ul>';
endforeach;
?>
Código:
<?php
include('menu.php');
?>
Saludos
__________________
pinicio.com.ar
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
| Herramientas | Buscar en Tema |
| Desplegado | |
Mode Lineal
|
| Tema | Autor | Foro | Respuestas | Último mensaje |
| Modificar codigo para lista de correo simple | jorgep246 | Webmasters | 1 | 06-oct-2008 08:42 |
| Q menu elegir de speedy para no ser violado!!! | ridicul_star | Internet | 11 | 03-nov-2007 11:54 |
| Modificar imagenes, ISO por ej | shiru | USERS | 10 | 15-sep-2006 00:00 |
| Crear menu para DVD | lucho2002 | USERS | 4 | 11-ago-2005 00:00 |
| para aprender a modificar registros de win xp | ed_riesgo | Microsoft Windows | 2 | 08-ago-2004 00:00 |
La franja horaria es GMT -3. Ahora son las 06:32.
