Style Sheet Switcher, hojas de estilo alternativas para nuestros usuarios

estilos2

Style Sheet Switcher es un interesante Script que permite que nuestros usuarios puedan cambiar la hoja de estilo de nuestro blog por otra hoja de estilo alternativa que previamente diseñaremos. Dando así la posibilidad de que elijan las tonalidad que mas les agrade a la hora de navegar en nuestro sitio.

1- Descargamos el Script
2- Lo llamamos desde nuestro header entre las etiquetas < HEAD > y < / HEAD >

JavaScript:
<script type=“text/javascript” src=“styleswitcher.js”></script>

3- Crear los varios stylesheets
Hacemos una copia de nuestra hoja de estilo y alteramos los colores y de mas cosas para crear el nuevo esquema de color para nuestra web. Le daremos a este estilo un nuevo nombre Ej: “style-alternativo.css” , creamos todos los que queremos.
4- Llamamos los stylesheets desde nuestro header. El primero será el estilo default, el que se mostrara al ingresar por primera vez al sitio.

HTML:
<link rel=”stylesheet” type=”text/css” href=”style.css” title=”default” />

y luego llamaremos todos los estilos alternativos que hemos creado

HTML:
<link rel=”alternate stylesheet” type=”text/css” href=”style-alternativo.css” title=”alternativo” />

4- Ahora agregaremos en nuestro sitio, el link que le permitirá a nuestros usuarios realizar el click para cambiar los estilos.

HTML:
<a href=”/” onclick=”setActiveStyleSheet(’default’); return false;”>Default</a>
<a href=”/” onclick=”setActiveStyleSheet(’alternativo’); return false;”>Alternativo</a>

Ver demo
Via designshack

Bookmark and Share


Leave a Reply

| Inicio | Baratisimos.cl | Dattabox.cl | Knol.cl | Munducomputacion.com | Powerhost.cl | Scriptsgratuitos.com | Vi.cl |