Multientrada en CSS
3 seguidores
Buenas;
No se si con el título he acertado en la duda que tengo.... os comento:
Quisiera hacer una intro, en la cual por ejemplo haya 3 botones para entrar en una misma web, cada uno de un color, y que al pinchar, te lleve a la pagina correspondiente, aunque el contenido sea igual en todas, cambiando los colores de una a otra.
Vamos, sería el mismo html, adjuntando distintas hojas de estilo, según el botón. Si le doy al rojo, me adjunta la página stylesrojo, si lo hago al negro, stylesnegro.....
Se puede hacer algo así, o han de ser html distintos??
Muchas gracias;
juma
Muchas gracias a todos!!!
Probaré a ver y os enseño.
Gracias de nuevo;
abrandlincoln
hola, la verdad es que no veo por qué de la intro (es un click más) aunque la solución de Cuviline es realmente sencilla... por si ayuda, siempre puedes hacerlo "insitu"...por ejemplo- - ->
http://www.kelvinluck.com/assets/jquery/styleswitch/toggle.html
Usuario desconocido
También puedes hacerlo así:
asi
cloudstudio
El codigo que yo uso, lo saque de una web hace tiempo :
1º, tu para sacar los estilos, utilizas el siguiente codigo
<link href="css/defecto.css" rel="stylesheet" type="text/css" id="estilo">2º - creas una funcion javascript como esta
function estilo(arquivo) {document.getElementById('estilo').href=arquivo;
}
3º - le asignas a los botones la llamada
<input type="button" value="Cambiar Estilo" onClick="estilo('azul.css');">Facil, rapido y sencillo
http://www.wikilearning.com/apuntes/cambiar_estilos_css_con_javascript-cambiar_estilos_css_con_javascript/773-1