Foros del Web » Creando para Internet » CSS »

Multicss

Estas en el tema de Multicss en el foro de CSS en Foros del Web. Hola amigos del foro, tengo una mega duda como puedo hacer para que de un menu despleagable que el usuario presione le cambie el css ...
  #1 (permalink)  
Antiguo 06/04/2010, 09:40
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 7 años, 8 meses
Puntos: 0
Exclamación Multicss

Hola amigos del foro, tengo una mega duda como puedo hacer para que de un menu despleagable que el usuario presione le cambie el css en si la idea es la siguiente tengo por ejemplo 4 css casi iguales solo cambian algunos atributos de color, tamano pero a lo que se hace referencia es lo mismo, Ejemplo:

Usuario elige la opcion 1
Tenia el texto en negro y ahora se le cambia a azul

Usuario elige la opcion 2

Tenia el texto en azul y ahora se convierte en rojo por decir

Mas o menos esa es la idea no he sabido como espero me puedan ayudar Gracias
  #2 (permalink)  
Antiguo 06/04/2010, 09:54
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Tokyo - Japan !
Mensajes: 3.867
Antigüedad: 8 años, 1 mes
Puntos: 334
Respuesta: Multicss

bueno para eso debes usar DHTML (javascript)

en la pagina
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" id="estilo" href="archivo1.css" />


Código Javascript:
Ver original
  1. function estilo(archivo) {
  2.     document.getElementById('estilo').href=archivo;
  3. }
Código HTML:
Ver original
  1. <input type="button" value="Cambiar Estilo" onClick="estilo('azul.css');">
__________________
More about me...
~ @rhyudek1
~ Github
  #3 (permalink)  
Antiguo 06/04/2010, 10:26
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Multicss

Buenas,

no se si te entendí, pero aqui tienes un ejemplo de un cambio de hoja de estilos (simulación) realizado por Mikmoro.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 06/04/2010, 10:37
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 7 años, 8 meses
Puntos: 0
De acuerdo Respuesta: Multicss

Cita:
Iniciado por Hidek1 Ver Mensaje
bueno para eso debes usar DHTML (javascript)

en la pagina
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" id="estilo" href="archivo1.css" />


Código Javascript:
Ver original
  1. function estilo(archivo) {
  2.     document.getElementById('estilo').href=archivo;
  3. }
Código HTML:
Ver original
  1. <input type="button" value="Cambiar Estilo" onClick="estilo('azul.css');">
Muchas gracias con esto si ya super como hacerlo muchas gracias
  #5 (permalink)  
Antiguo 06/04/2010, 11:25
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Multicss

Con php tmb puedes hacerlo, solo que tendrias que cargar nuevamente la pagina luego de la seleccion, con javascript lo haces sobre la misma pagina sin volver a cargarla.

Segun veo yo, este problema lo tendrias que mirar desde la forma en que planteas la pregunta. ¿A que me refiero?, a esto:

Cita:
Iniciado por supertux3000 Ver Mensaje
Usuario elige la opcion 1
Tenia el texto en negro y ahora se le cambia a azul

Usuario elige la opcion 2
entonces, podes hacer un Switch donde dependiendo de la opcion elegida por el usuario (Opcion1, Opcion2, ...) se carga tu Css.

Ya se que te dieron una respuesta que te sirvio, pero esto es como para que amplies un poco el tema y veas tambien como resolver algunos problemas.

Un abrazo.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:16.