
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 >
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.
y luego llamaremos todos los estilos alternativos que hemos creado
4- Ahora agregaremos en nuestro sitio, el link que le permitirá a nuestros usuarios realizar el click para cambiar los estilos.
<a href=”/” onclick=”setActiveStyleSheet(’alternativo’); return false;”>Alternativo</a>
Ver demo
Via designshack





