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
Mírate el código fuente no tiene mucho de especialito...
aunque queda curioso ahi en medio, cierto es..
<div class="Sheet" id="Tabs">
<div class="Pesta" id="Miner">
<img src="images/new_miner.png"><p class="TextTabs">e-minerí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...
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
+1 Santaclown xD igual lo pensé jaja
gracias por lo de antes, pero alguno me puede explicar pls??
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
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
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.
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