Mostrando resultados del 1 al 3 de 3

Tema: [G] Script Rapidos

  1. #1
    Mod recien llegado Avatar de cuban
    Fecha de Ingreso
    enero-2010
    Mensajes
    1.220
    Thanked: 331

    Predeterminado [G] Script Rapidos

    Saludos a todos, la intencion no es mas que generar una serie de script rapidos para uso de todos.

    Normas a cumplimentar:
    *Número de Script:
    *Nombre:
    *Colocacion del script
    *Número de lineas
    *Breve reseña o explicación
    Empezamos
    Número de Script: 0
    Nombre: CSS resolution
    Colocacion del script: Se coloca dentro de la etiqueta head
    Número lineas: 38
    Explicacion: Deves de tener una hoja de estilo para cada resolucion. Dichas hojas de estilo deven tener el nombre de la resolucion en formato 1024x786.css
    En este code busco solo las siguientes resoluciones:
    1280x1024
    1280x960
    1280x768
    1280x720
    1280x600
    1152x864
    1024x768
    800x600
    Si entendieron lo que dije tengo 8 hojas de estilo, una por cada resolucion.

    Código PHP:
    var x=screen.width;
    var 
    y=screen.height;
    var 
    xy=x+"x"+y;
    switch(
    xy) {
        case 
    "1280x1024":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1280x960":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1280x768":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1280x720":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1280x600":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1152x864":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "1024x768":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        case 
    "800x600":
            
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+xy+'.css" />');
            break;
        default:
            if (
    x<800) {
                
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="800x600.css" />');            
            } else if (
    x>1280) {
                
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="1280x960.css" />');
            } else {
                
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="1024x768.css" />');
            }
            break;

    Pd: Lo pongo como etiquetas de php por que mantienen la identación.
    Pd: Gracias nax, fue rapido y se me escapo esa linea..
    Última edición por cuban; 10-may-2010 a las 22:59

  2. Los Siguientes 2 Usuarios Agradecieron a cuban por Este Mensaje:

    abundio00 (10-ene-2013), pepin1 (12-may-2013)

  3. #2
    Recien llegado
    Fecha de Ingreso
    enero-2010
    Mensajes
    2
    Thanked: 3

    Thumbs up Respuesta: [G] Script Rapidos

    perdona la ignorancia pero estoy aprendiendo ahora,que uso se le da a estas hojas de estilos. gracias

  4. #3
    Mod recien llegado Avatar de cuban
    Fecha de Ingreso
    enero-2010
    Mensajes
    1.220
    Thanked: 331

    Predeterminado Respuesta: [G] Script Rapidos

    estas hojas de estilos están diseñadas por la resolución del cliente. Son en base a una resolución. El script lo que hace es detectar la resolución y mostrar la hoja correcta para dicha resolución. Aunque ahora con css3 y html5 esto es mucho más fácil, ya que css3 tiene selectores para la resolución de pantalla.

Temas Similares

  1. Respuestas: 1
    Último mensaje: 24-jul-2010, 16:19
  2. Cursos Rapidos Domesticos
    By zolo in forum Juegos y Humor (Diversión)
    Respuestas: 0
    Último mensaje: 10-ene-2010, 08:00
  3. rapidos y furiosos 4 latino 2009 CAM.XViD[AC3]
    By marco17 in forum Peliculas
    Respuestas: 3
    Último mensaje: 16-abr-2009, 23:25
  4. Respuestas: 5
    Último mensaje: 24-oct-2008, 02:14
  5. Rapidos y Furiosos I
    By ronal120 in forum Peliculas
    Respuestas: 1
    Último mensaje: 21-sep-2008, 07:25

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •