Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/04/2008, 09:22
Avatar de daPhyre
daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Re: 2 hojas CSS y un sólo contenido

¡Lo que tú quieres es una página en la que puedas cambiar de estilos! ¿No es así?

Si es eso, la verdad es batante sencillo. Primero debemos crear un archivo llamado estilos.js y ponerle este contenido:

Código:
function cambiarestilo(archivo){
	document.getElementById('estilo').href=archivo;
}
Después, poner en el HEAD estas dos líneas, para llamar a los estilos (el id es importante), y al javascript:

Código HTML:
<link rel="StyleSheet" href="rojo.css" type="text/css" id="estilo">
<script src="estilos.js" type="text/javascript"></script> 
Por último, agregar los links correspondientes, como este ejemplo:

Código HTML:
<p><a href="javascript:cambiarestilo('rojo.css')">Rojo</a> |
<a href="javascript:cambiarestilo('verde.css')">Verde</a></p> 
Espero sea lo que necesitas y te sirva.