
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 >
-
<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.
-
<link rel="stylesheet" type="text/css" href="style.css" title="default" />
y luego llamaremos todos los estilos alternativos que hemos creado
-
<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.
Ver demo
Via designshack



www.elserver.com
Hosting Web 2.0 - La Empresa que sobrepasa todas las expectativas...
www.zidalgo.com
Premium wordpress themes for your blog! - Brad Mahaffey
www.Tilidom.com
Almacenar toda tu informacion, incluyendo fotos, videos y musica.









macrohw » Blog Archive » Style Sheet Switcher, hojas de estilo alternativas para nuestros usuarios
9 - 08 - 2007
Permalink
[...] PLAIN TEXT [...]
Fernando S.
9 - 08 - 2007
Permalink
Yo quiero esto para mi pagina! :'( me encanta...
disculpen mi total ignorancia... pero ¿Esto funciona con paginas normales? ose que no sean wordpress o joomla?