Bueno, no es dificil de hacer, pero un poco si de explicar. Pero bueno, vamos a intentarlo.
En primer lugar
necesito saber si la página que estás preparando la estas haciendo con frames (también llamados marcos) o no. Si es con frames me va a costar más....
Yo (que no uso marcos) tengo algo similar en www.comocreartuweb.com
Como verás, el enlace activo siempre aparece en negrita (salvo algun error que pueda tener... :roll: je je). En tu caso es igual, simplemente que la característica a dar es la de cambiar de gráfico o etiqueta de uno que es de color verde a otro que es color rojo, por ejemplo.
Lo más básico es, colocar el logo rojo en el menú de cada una de las webs dejando el resto en verde. Es decir, abres la página XXX y en su código colocar el botón rojo dejando el resto verde, y así una por una. Esta es la única solución a menos que uses un solo menú para todas las páginas de tu web, es decir, usando includes o algo similar.
En ese otro caso, que tengas un solo menú común a todas las páginas, guardado en un archivo separado de la página en si, tienes que acudir a usar estilos CSS. Cómo? Bien fácil. Le das a cada elemento del menú una definición y en el código de la propia página, dentro del <HEAD> y dentro de <STYLE> pones que el elemento tipo z ha de ser de color rojo.
No se muy bien qué nivel tienes, de modo que quizás me esté pasando de "tecnico", je je. En ese caso me lo dices e intento explicarlo mejor, no te preocupes.
Bueno, el caso que te comentaba es el mismo que www.comocreartuweb.com en el que los elementos del menú están definidos dentro del código HTML así:
<DIV class="caja">
<h1>Lección I</h1>
<DIV>[url="pagina1.html"]Texto1[/url]</DIV>
<DIV>[url="pagina2.html"]Texto2[/url]</DIV>
<DIV>[url="pagina3.html"]Texto3[/url]</DIV>
<DIV>[url="pagina4.html"]Texto4[/url]</DIV>
</DIV>
Y dentro de las definiciones de estilo que hay en cada página, dentro del <HEAD> defino que esa página concreta ha de ser la activa, es decir, la que está en negrita. Lo defino así:
<STYLE>
<!--
.apartado-a {FONT-WEIGHT: bold}
-->
</STYLE>
Así, en el código de la página3.html por ejemplo hay que poner:
<STYLE>
<!--
.apartado-3 {FONT-WEIGHT: bold}
-->
</STYLE>
y así con todas las páginas. Como ves, el código del menú no hay que cambiarlo, solo se cambia lo que hay dentro de <STYLE>. Esto permite guardar el código del menú en un archivo aparte y hacer un include, para no tener que retocarlo en cada una de las páginas cada vez que varies algo en él.
En tu caso, como no quieres que aparezca en negrita sino solo cambiar de botón, has de hacer esto otro. Defines que todos los elementos de menú tengan el botón verde en la hoja de estilo.css así:
.caja DIV A {BACKGROUND-IMAGE: url/objetos/boton-[color=red]rojo[/color].gif)}
esto pone de fondo el botón rojo a todos los elementos de tipo A (enlaces) que estén dentro de un DIV que a su vez pertenezca a la capa tipo .caja
Es un poco lioso, no? Si no lo entiendes bien no te preocupes en preguntarlo de nuevo eh?
Ahora todos los enlaces del menú tienen boton de color rojo. Y ahora en cada página le dices dentro de <STYLE> que el apartado-x tenga botón verde así:
<STYLE>
<!--
.apartado-3 {BACKGROUND-IMAGE: url/objetos/boton-[color=green]verde[/color].gif)}
-->
</STYLE>
Hemos definido color verde para todos los apartados en la hoja de estilos y el color verde para el apartado-3. Lo que prima es lo definido dentro de la hoja, en el HTML, de modo que si definimos cosas distintas en la hoja de estilo y dentro del codigo HTML también, lo que al final se respetará será lo último. Por eso aunque desde la hoja de estilo le hemos puesto color verde a todos los apartados, como en <STYLE> hemos puesto verde para el apartado-3, éste será de color verde.
Ufffff, tio si me entiendes te doy un premio, je je je.
En fin, lee esto, piensa un poco y me dices como vas. Por mi seguimos hasta que te salga, es todo un reto, je je je.
Nos leemos!
