website stats » Hoja de estilo CSS dependiendo de la resolución | Solo Código |

Hoja de estilo CSS dependiendo de la resolución

Escrito por J.F. el Domingo, 1 de Julio del 2007 a las 13:43

Mediante el uso de Javascript podemos utilizar una hoja de estilos css u otra. Ésto puede rsultar muy útil en caso de que con determinada resolución nuestra sitio web no se visualice correctamente. Para ello haremos uso de una función bastante simple, que es la siguiente:

TEXTO PLANO
JavaScript:
  1. <head>
  2.   <link rel="stylesheet" type="text/css" id="cssestilo">
  3.   <script language="JavaScript" type="text/javascript">
  4.   <!--
  5.     document.getElementById('cssestilo').href = screen.width + ".css";
  6.    -->
  7.   </script>
  8. </head>

Luego habrá que crear los nombres de las hojas de estilo CSS de la siguiente manera: tamañoresolucion.css Por ejemplo: 800.css, 1024.css, etc.

Categoria: CSS, Javascript

No hay comentarios

Entradas relacionadas


Deja un comentario

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |