mi doc
Existen tres tipos de stylesheets externas en un sitio: “persistent” (persistente), “preferred” (preferida) y “alternate” (alternativa).
Estilo persistente, el de toda la vida
Estilo alternativo, el que qeremos
A los estilos alternos debemos ponerle el atributo de título (title="título"), para después poder “llamarlos”,nota: los estilos persistentes no necesitan título, pero como vamos a alternarlo con otro y después queremos volver a él, deberemos ponérselo
Bien, ya tenemos una par de estilos y los hemos incluído en el head, ahora necesitamos un script de “javascript” que nos permita realizar el cambio correctamente: styleswitcher.js (de http://www.alistapart.com/articles/alternate/)
Lo incluímos en elhead
E insertamos este código en el html, donde queramos aparezcan las opciones de cambio de css:
Cambia a estilo_default
Cambia a estilo1
Listo.
El head completo queda así
fin.
ejemplo final: www.quinti.tk
¿qué alternar? ¿por qué? ¿qué puedo cambiar en el segundo estilo?
principalmente por Accesibilidad.podemos hacer una copia de nuestro estilo.css principal (el persistente), y únicamente le aumentamos en 2 px los tamaños de fuente, así facilitamos la navegación a personas con problemas de visión. Del mismo modo, podemos únicamente cambiar a un tipo de letra más legible, (con serifs) (ejemplo: ejemplo)
Aunque también podemos hacer todos los cambios css que queramos, que son muchos: podemos cambiarcompletamente el estilo de nuestro sitio, hacer diferentes versiones, (versión clara, oscura, etc) existen mil posibilid
Alternar Hojas de Estilo
Existen tres tipos de stylesheets externas en un sitio: “persistent” (persistente), “preferred” (preferida) y “alternate” (alternativa).
Estilo persistente, el de toda la vida
Estilo alternativo, el que qeremosA los estilos alternos debemos ponerle el atributo de título (title="título"), para después poder “llamarlos”,
nota: los estilos persistentes no necesitan título, pero como vamos a alternarlo con otro y después queremos volver a él, deberemos ponérselo
Bien, ya tenemos una par de estilos y los hemos incluído en el head, ahora necesitamos un script de “javascript” que nos permitarealizar el cambio correctamente: styleswitcher.js (de http://www.alistapart.com/articles/alternate/)
Lo incluímos en el head
E insertamos este código en el html, donde queramos aparezcan las opciones de cambio de css:
Cambia a estilo_default
Cambia a estilo1
Listo.
El head completo queda así
fin.
ejemplo final:www.quinti.tk
¿qué alternar? ¿por qué? ¿qué puedo cambiar en el segundo estilo?
principalmente por Accesibilidad.
podemos hacer una copia de nuestro estilo.css principal (el persistente), y únicamente le aumentamos en 2 px los tamaños de fuente, así facilitamos la navegación a personas con problemas de visión. Del mismo modo, podemos únicamente cambiar a un tipo de letra más legible, (conserifs) (ejemplo: ejemplo)
Aunque también podemos hacer todos los cambios css que queramos, que son muchos: podemos cambiar completamente el estilo de nuestro sitio, hacer diferentes versiones, (versión clara, oscura, etc) existen mil posibilidAlternar Hojas de Estilo
Existen tres tipos de stylesheets externas en un sitio: “persistent” (persistente), “preferred” (preferida) y “alternate”(alternativa).
Estilo persistente, el de toda la vida
Estilo alternativo, el que qeremos
A los estilos alternos debemos ponerle el atributo de título (title="título"), para después poder “llamarlos”,
nota: los estilos persistentes no necesitan título, pero como vamos a alternarlo con otro y después queremos volver a él, deberemos ponérselo
Bien, ya...
Regístrate para leer el documento completo.