Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/05/2010, 19:04
iovan
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 6 meses
Puntos: 188
Respuesta: Mostrar elementos de acuerdo a la pantalla

Hola amigos. verán pueden hacer algo como esto

Código Javascript:
Ver original
  1. <script type="text/javascript" language="javascript">
  2. function updateCss(a){
  3. document.write('<link rel="stylesheet" href="'+a+'" type="text/css" />');
  4. }
  5.  
  6. if( (screen.width >= 1370) ) { updateCss('maxRes.css'); }
  7. else if( (screen.width <= 1360 && screen.width > 1280) ) { updateCss('1360x1280.css'); }
  8. else if( (screen.width <= 1280 && screen.width > 1024) ) { updateCss('1280x1024.css'); }
  9. else if( (screen.width <= 1024 && screen.width > 768) ) { updateCss('1024x768.css'); }
  10. else if( (screen.width <= 800) ) { updateCss('minRes.css'); }
  11. </script>

Como pueden ver deben crear 5 diferentes hojas de estilo:

minRes.css
1024x768.css
1280x1024.css
1360x1280.css
maxRes.css

Cada una de estas hojas de estilo deben ser elaboradas según la resolución indicada en su nombre.

Es básicamente esto, asi de simple.

Saludos.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.