Resolucion de monitor y distintos css

[kaiser1313]

Bueno he creado 2 css distintos basado cada uno en una resolucion estandar, como lo son 1024 y 1280 (estos son los 2 primeros, ya creare mas para otras resoluciones y asi hacer un diseño que se adapte a muchas resoluciones valiendose de un css totalmente distinto)...

Bien estoy utilizando un script como este:

Código Javascript:

<script languaje="JavaScript" type="javascript">
        if (screen.width==1024) { 
            document.write('<link rel="stylesheet" type="text/css" media="screen" href="/unusual/1024.css?rc1" />');
        }
        if (screen.width==1280) {
            document.write('<link rel="stylesheet" type="text/css" media="screen" href="/unusual/1280.css?rc1" />');
        }
     </script>
 

Pero al ingresar en la pagina fijense el error que me sale http://www.veranime.org/ (por si acaso es un foro smf y estoy editando el index.template.php que es donde se cargan los css)

En smf los css se cargan de la siguiente manera:

Código HTML:

<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style', $context['theme_variant'], '.css?rc1" />
 

Por lo tanto intente algo similar en el script:

Código Javascript:

<script languaje="JavaScript" type="javascript">
        if (screen.width==1024) { 
            <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/1024', $context['theme_variant'], '.css?rc1" />
        }
        if (screen.width==1280) {
            <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/1280', $context['theme_variant'], '.css?rc1" />
        }
     </script>
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/unusual.css?" />';
 

Ok, ahi ya no da el error pero entonces solo se carga el css que esta fuera del script y los de adento no...

Tengo ya varias horas luchando con esto y nose como solucionarlo, por ello requiero de su ayuda, no se si sera porque es un foro smf que las cosas deben hacerse distintas, o me falta algun echo ' dentro del codigo, que se yo...

Saludos y espero respuesta...

[jomaruro]

Hola:

Léete este artículo, quiza te ayude a entender como hacerlo con CSS exclusivamente y no volverse loco con tantas vueltas innecesarias.

Saludos.