CSS Forum

**aaricwon** · 04-26-2009, 06:12 AM

Is there a good tutorial anywhere for a beginner? I was looking at http://www.aol.com/?src=aimzones and noticed the little style switcher up in the corner... I am about to do a site for a band. I've never done a site for a band but it will have to be different than any other site I've done. I normally do websites for businesses or Mixed Martial Arts fighters and organizations. This site will need to be more creative and less straight forward/professional.

Have any of you ever done a site w/a style switcher?

Example links?

Tutorial links?

Thank ahead! You guys always help me out so much! I've never been to this forum but have spent A LOT of time and got A LOT of help over on the PHP forum.

Aaric

**LadynRed** · 04-26-2009, 11:50 AM

Google is your friend:
http://www.google.com/search?q=css+s...en-US:official

**davemies** · 04-26-2009, 12:11 PM

there's one on a list apart e.g. http://www.alistapart.com/articles/alternate/

**wayfarer07** · 04-26-2009, 02:28 PM

There's nothing special about that style switcher. All it is doing is changing a class on the <body> via JavaScript. All of the other rules are done in the CSS document, as rule variations as descendants of the different classes.

**davemies** · 04-26-2009, 04:14 PM

Quote:

Originally Posted by wayfarer07

There's nothing special about that style switcher. All it is doing is changing a class on the <body> via JavaScript. All of the other rules are done in the CSS document, as rule variations as descendants of the different classes.

sorry - didn't realise the OP wanted something 'sepcial' just thought they wanted something that worked...

**aaricwon** · 04-26-2009, 08:40 PM

I didn't want anything special. I just wanted to see how it is done. Just something that works.

Quote:

Originally Posted by davemies

sorry - didn't realise the OP wanted something 'sepcial' just thought they wanted something that worked...

**wayfarer07** · 04-29-2009, 12:52 PM

In case anyone was confused, I was referring to the style switcher at http://www.aol.com/?src=aimzones not the one at Alistapart, which I didn't review.

All that is required for something like that, is a simple script which changes one class on the body. If you need more help doing this, it would be better to ask in the JavaScript forum, then use your knowledge of CSS to accomplish the rest.

**Physicsguy** · 04:01 PM

http://www.dynamicdrive.com/dynamici...etswitcher.htm

Hope this helps

My site has the same thing; http://www.execulink.com/~kayes/physicsguy/web/

**GeekSpecialties** · 05-03-2009, 01:38 AM

I've used the one posted above from A List Apart.
It worked well for me.
Basically you make a style sheet and variations, the user then can switch between them in the browser menu, or you can provide a box that uses java onClick event to switch the stylesheet. It will also store a cookie to remember the users preference for their next visit.