Foros del Web » Creando para Internet » CSS »

carga de sitios web en distintas resoluciones con diferentes hojas de estilos css

Estas en el tema de carga de sitios web en distintas resoluciones con diferentes hojas de estilos css en el foro de CSS en Foros del Web. ¿Hay alguna forma de hacer para que un sitio web pueda utilizar una hoja de estilo css para una resolución, y otra hoja de estilo ...
  #1 (permalink)  
Antiguo 27/03/2011, 12:10
 
Fecha de Ingreso: junio-2008
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
carga de sitios web en distintas resoluciones con diferentes hojas de estilos css

¿Hay alguna forma de hacer para que un sitio web pueda utilizar una hoja de estilo css para una resolución, y otra hoja de estilo css para otra resolución?
  #2 (permalink)  
Antiguo 27/03/2011, 17:36
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Usa JavaScript. Carga la de resolución más pequeña de forma predeterminada, y con un JS, evalua si la resolución de la pantalla es mayor o igual a la de tu segunda hoja de estilos. Si lo es, la cambias dinámicamente. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 28/03/2011, 11:18
 
Fecha de Ingreso: junio-2008
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Cita:
Iniciado por daPhyre Ver Mensaje
Usa JavaScript. Carga la de resolución más pequeña de forma predeterminada, y con un JS, evalua si la resolución de la pantalla es mayor o igual a la de tu segunda hoja de estilos. Si lo es, la cambias dinámicamente. Suerte
ahh ok , me podrias decir cual es el codigo del script que se usa porfavor ....
  #4 (permalink)  
Antiguo 28/03/2011, 11:21
 
Fecha de Ingreso: enero-2011
Ubicación: Colombia
Mensajes: 6
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

mmm busca tipos de css hay asi funciona twitter con tipe media screen
  #5 (permalink)  
Antiguo 28/03/2011, 14:42
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:
document.getElementById('cssId').src='otroEstilo.css';
Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 31/03/2011, 01:42
 
Fecha de Ingreso: junio-2008
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Cita:
Iniciado por daPhyre Ver Mensaje
Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:
document.getElementById('cssId').src='otroEstilo.css';
Suerte
gracias
  #7 (permalink)  
Antiguo 31/03/2011, 08:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

oh, my dog!!!
¿Y no sería mejor una sóla hoja de estilos y diseñar en % para dispositivos "tradicionales" (pc´s, portátiles...) y a lo sumo una segunda para smartphones (dispositivos móviles de pantalla pequeña) y discriminarlos con el media="..."?

Y ya si también quiere contemplar las tabletas digitales están las @media queries
  #8 (permalink)  
Antiguo 31/03/2011, 14:42
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Buenas,

muchas veces no es necesario hacer distintas versiones y se adapta perfectamente a cualquier resolución y tamaño de pantalla, depende del diseño y el contenido y del tiempo que se le quiera/pueda dedicar. Yo creo que es mas importante por ejemplo tener en cuenta la velocidad de la conexión y el peso de la página o que sea accesible sin necesidad de javascript, flash o cualquier otra cosa que no sea html y css porque muchas veces olvidamos que cada vez hay más gente que se conecta desde otros dispositivos.
  #9 (permalink)  
Antiguo 31/03/2011, 16:59
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: carga de sitios web en distintas resoluciones con diferentes hojas de esti

Cita:
Iniciado por daPhyre Ver Mensaje
Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:
document.getElementById('cssId').src='otroEstilo.css';
Suerte
Muy buena idea, también puede cambiarse directamente el nombre del css después del condicional pero esta solución es más elegante.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips

Etiquetas: html, javascript, resolución
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 19:40.