Switchin' Styles!
Ever wondered how some sites just totally change their look at the touch of a button? Add a couple of different CSS layouts, a dash of JavaScript and a couple of buttons and you let your users choose between different predefined colour schemes, layouts and background images.
This article is suitable for complete beginners, and contains all the source files you need to adapt re-use for your own sites.
Overview
Table of Content:
- About Style Switching
- Setting Up
- Using the Style Switcher for Alternative Designs
- Linking to the Style Sheets
- Adding the Default Style
- Adding the Alternate Stylesheets
- Linking to the JavaScript
- Adding Hooks to the HTML Document
- Next Up
Coined "one of the greatest digerati" and deemed one of the Top 25 Most Influential Women on the Web, there is little doubt that in the world of Web design and development, Molly E. Holzschlag is one of the most vibrant and influential people around. With over 25 Web development book titles to her credit, Molly currently serves as Communications Director for the World Organization of Webmasters.
As a steering committee member for the Web Standards Project (WaSP), Molly works along with a group of other dedicated Web developers and designers to promote W3C recommendations. She also teaches Webmaster courses for the University of Arizona, University of Phoenix, and Pima Community College. She wrote the very popular column, Integrated Design, for Web Techniques Magazine for the last three years of its life, and spent a year as Executive Editor of WebReview.com.
See All Postings From molly holzschlag >>
Reviews
Be the first to write a review
You must me logged in to write a review.