Duda con Menu

[los_ganers]

amigos tengo un menu echo con lista con la siguiente estructura:

.CSS

#nav{------------}
#nav li{------------}
#nav li a{-------------}
#nav li a:hover{-------------}

.html

<ul>
<li>HOME</li>
<li>NOTICIAS</li>
<li>CONTACTO</li>
</ul>

Mi duda es la siguiente:

El menu tiene el fondo gris.... al pasar el mouse sobre ellos se pone blanco... lo que quiero es que cuando haga clik ejemplo en noticias .. obvio esta se vaya a la pagina noticia pero el menu NOTICIAS que con el fondo negro....

me explique bien.... porfavor amigos ayuda

[worldPeace_Plis]

Mmmm yo estoy haciendo algo asi, pero uso php, y cuando paso a la seccion lo deshabilito. No se si se pueda con puro CSS, quizas necesites algo de javascript

[los_ganers]

y como haces eso en php----- dime porfa

[pao01]

fijate aquí en la parte de menú

Según lo que he entendido:
si tu quieres que al pasar el mouse el fondo se vea negro, pues en



#menu a:hover es donde deberías cambiar el color de fondo.

Espero estar orientándote bien.

[Mikmoro]

Iniciado por los_ganers

lo que quiero es que cuando haga clik ejemplo en noticias .. obvio esta se vaya a la pagina noticia pero el menu NOTICIAS que con el fondo negro....

Pues si al hacer click se va a otra página, evidentemente tendrás que modificar el menú que hayas insertado en esa página. Ponle una clase al resaltado y le indicas ahí el color de fondo que quieras:

<a href="noticias" class="actual">Noticias</a>

ul li a.actual {background-color: #000;}

o como lo quieras.

[los_ganers]

no resulta porfa si tendrias un ejemplo en practica sera muy bueno

[Mikmoro]

¿Cómo no va a resultar? Explica qué es lo que tienes y qué has intentado aplicar, que algo no has hecho bien o no has explicado bien, te lo garantizo.

[Aresillo]

La forma de hacerlo automático es por php no?
No hay forma de hacerlo mediante css?

Ares

[Mikmoro]

Iniciado por Aresillo

La forma de hacerlo automático es por php no?
No hay forma de hacerlo mediante css?

Ares

¿Automático? No creo. ¿Cada página tiene su menú, o el mismo está incrustado en todas? En cualquiera de los dos casos imposible con CSS automático.

De hecho creo que CSS y "automático" son casi antagónicos; CSS no tiene automatizaciones porque no puede desarrollar una línea temporal, que yo sepa.

[Aresillo]

Ya, si lo suponía... pero en mi desconocimiento del php suponía que era capaz de hacer que cuando sea la misma página te ponga otro bg. Lo única opción entonces es hacerlo cambiando el menu de la misma página....
Y... si quieres volver a cambiar el menú? que haces? modificas todas tus páginas??

(la otra opción es no marcar la página donde estas y listo..)

Ares

[Mikmoro]

No, la más fácil es con PHP, o bien cambiar la clase con javascript.

Si usas un include con PHP, lo que significa que pones el mismo menú siempre insertado en cada página, hace ya tiempo que se comentó un truco excelente:

1.- pones una clase o ID diferente a cada enlace.
2.- pones un ID diferente al body en cada página que inserta el menú.
3.- y ahora en la CSS dices: si body con tal ID, la clase tal en negrita; si tal otro ID, la clase cual en negrita.

De esa manera, un mismo menú, según qué página sea y qué ID tenga el body, cambiará a seleccionado o no.

Ese ejemplo lo tengo en mi servidor. Déjame que lo busque y lo pongo.

[Mikmoro]

Sí, este es el ejemplo

Ahí no lo hago con PHP e include, pero para el caso es lo mismo.
El meollo de la cuestión es este selector:

#opcion1 #menu ul li a.uno, #opcion2 #menu ul li a.dos, #opcion3 #menu ul li a.tres {background-color: #6CC;
color: #000;
}

A ver si se entiende bien.