Ayuda con un menú

[Juancamunoz]

http://www.neumass.com/

El menú que hay abajo (e-minería, industria)

querría hacer algo parecido, solamente con los botones, ponerlos al principio por ejemplo.

Luego hacer que cuando yo pulse un botón cambie el fondo al color de fondo del botón, si es e-minería azul claro, industria azul oscuro, y que cada uno contenga una información diferente, pero no sé como podría hcaerlo. alguno me ayuda pLSS

[str_null]

Mírate el código fuente no tiene mucho de especialito...
aunque queda curioso ahi en medio, cierto es..

Código [Seleccionar] Expandir


<div class="Sheet" id="Tabs">
<div class="Pesta" id="Miner">
<img src="images/new_miner.png"><p class="TextTabs">e-miner&iacute;a</p>
</div>
<div class="Pesta" id="Industry">
<img src="images/industry.png"><p class="TextTabs">industria</p>
</div>
<div class="Pesta" id="Green">
<img src="images/green_energy.png"><p class="TextTabs">energia limpia</p>
</div>
<div class="Pesta" id="m2m">
<img src="images/m2m.png"><p class="TextTabs">m2m</p>
</div>
<script>
$("#Miner").click(function () {CambC(0);});
$("#Industry").click(function () {CambC(1);});
$("#Green").click(function () {CambC(2);});
$("#m2m").click(function () {CambC(3);});
</script>
</div>


te adelanto que su funcion CambC(0) simplemente hace visibles e invisibles las secciones y cambia el estilo (color) de la pestaña que corresponda con jquery supongo teniendo en cuenta que le pasa directamente un indice númerico para referirse a cada una no tiene mucha miga yo creo la verdad...

[RaloGomez]

Estuve mirando el menu, pon que cuando selecciones en vez de salir el simbolito para escribir saldra el cursor marcado.

Esto se consigue en css con cursor: pointer;

Gracias esque me pone nervioso xD

[str_null]

+1 Santaclown xD igual lo pensé jaja

[Juancamunoz]

gracias por lo de antes, pero alguno me puede explicar pls??

[RaloGomez]

Bueno pues como bien dijo el mirate el codigo fuente para el menu , y en cuanto a lo del color cuando pulsas puedes cambiar el color en css.

Te pongo un ejemplo:

Esta seria tu lista

Código [Seleccionar] Expandir

              li {
                 background-color: #000; <- este seria el color del boton
                 color: #fff;   <-- El color de la letra
              }


Ahora cambiaremos el color del cuadro cuando este sea pulsado

Código [Seleccionar] Expandir

          li:hover {
                  background-color: #fff;
                  color: #000;
                   }


En este caso mi menu seria negro con la fuente del color blanco, en cuanto sea pulsado el color cambiaria a blanco con las letras en negro.

[Juancamunoz]

gracias por responder

me he explicado mal, creo

lo que yo quiero es que os fijeis solamente en los botoncitos, no en el cuerpo de abajo que salen las fotos y eso.

solamente quiero los botones, y que si tu clickeas en uno el fondo de la página web sea de color verde y tenga X informacion

si clickeas otro otro color de fondo y otra informacion