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

Resaltar página padre en el menú

Estas en el tema de Resaltar página padre en el menú en el foro de Diseño web en Foros del Web. Hola a todos, Estoy modificando una web hecha en wordpress y me encuentro con un pequeño problemilla. El menú principal se encuentra en el header ...
  #1 (permalink)  
Antiguo 23/04/2012, 07:09
 
Fecha de Ingreso: marzo-2012
Mensajes: 14
Antigüedad: 12 años
Puntos: 4
Resaltar página padre en el menú

Hola a todos,

Estoy modificando una web hecha en wordpress y me encuentro con un pequeño problemilla. El menú principal se encuentra en el header y en él se listan varias páginas:
Inicio - Productos - Soporte - Partners - Nosotros

Dicho menú está hecho desde el wordpress y le aplico estilo mediante css en el style.css correspondiente.
Está hecho que se ponga de fondo en el elemento del menú seleccionado un color, para que se note en que página estamos, de manera que pinchamos en "Productos" se vea esa página y se resalte en el menú.
El código css que lo hace es el siguiente:

Código:
.menu li.current_page_item {
  background-color: #d54e21;
}
Ahora dentro de esa página (Productos) tengo algún otro botón que me dirige a otra página, por ejemplo, un botón "Servicios" que si lo pinchas te lleva a:
www.mipagina.com/productos/servicios
y te muestra otra página.
"Servicios" es una página con su propia plantilla y que su contenido se ha editado desde Wordpress (como todas), incluso se ha marcado "Productos" como su página padre cuando se ha creado la misma.

Lo que quiero conseguir es que al yo pulsar en el botón "Servicios" me vaya a dicha página pero me mantenga resaltado el fondo de "Productos", para así indicarme que estoy dentro de ese apartado.

He probado con current_page_parent pero o no consigo entender bien como funciona o lo estoy empleando mal...

Código:
.menu li.current_page_parent {
  background-color: #d54e21;
}
¿Cómo puedo lograrlo?
¿Puede que no detecte "Productos" como página padre de "Servicios"?

Saludos y gracias.
  #2 (permalink)  
Antiguo 25/04/2012, 08:06
 
Fecha de Ingreso: marzo-2012
Mensajes: 14
Antigüedad: 12 años
Puntos: 4
Respuesta: Resaltar página padre en el menú

Lo he resuelto.
Usando firebug he visto que que el wordpress le adjudica la clase "current-page-ancestor" a Productos si me encuentro en una sub-pagina del mismo.
He añadido a la hoja de estilos:
Código:
.current-page-ancestor {
	background-color: #d54e21;
}
Lo posteo por si a alguien le sirve!

Saludos.

Etiquetas: contenido, css, padre, página, resaltar
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 09:00.