multiple css styles (Firefox crayons icon)

He has: 688 posts

Joined: Feb 2001

In Firefox, some websites lets the visitor choose alternate CSS styles by clicking a little crayon box icon in the bottom left corner of the browser. I tried to learn more about how to add CSS choices to my websites but I couldn't find much other than the term "core style". Anybody got any details on this?

He has: 1,380 posts

Joined: Feb 2002

You can use php and css together....i believe the show how on alistapart.com

Abhishek Reddy's picture

He has: 3,348 posts

Joined: Jul 2001

This is how Texturizer.net/firefox does it:

<link rel="stylesheet" type="text/css" media="screen,projection" href="../mozilla.org/css/style.css" />
<link rel="stylesheet" type="text/css" href="http://texturizer.net/mozilla.org/css/print.css" media="print" />
<link rel="alternate stylesheet" title="Locked Menu" media="screen,projection" href="../mozilla.org/css/lockedmenu.css" type="text/css" />
<link rel="alternate stylesheet" title="Classic" media="screen,projection" href="../mozilla.org/css/classic.css" type="text/css" />
<link rel="alternate stylesheet" title="Classic with Locked Menu" media="screen,projection" href="../mozilla.org/css/classic-lockedmenu.css" type="text/css" />
'

Btw, the crayons have been replaced by an ink palette and brush icon in Firefox 0.9+. Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.