@doggydoodooauthorNov 06.2006 — #That's exactly what I want, but that's old and doesn't work. If it's not old, then it just doesn't work. It goes to paul.css, but literally shows paul.css, not in a webpage.
@KDLANov 06.2006 — #You didn't read it carefully. You have to link to, or include, a javascript file in the <head> section. Then name the page's "regular" styles "default" in your CSS linkage (also in the <head> section); then provide links to the alternate ones, naming them whatever you want. After that, you apply some javascript to the link in the <body> section, which calls the preferred stylesheet. When the link is clicked, the stylesheet will be applied to the page currently in the window. However, you have to have the same IDs and classes among all stylesheets.
@doggydoodooauthorNov 08.2006 — #I told you I'm not experienced. I would be really grateful if you just sent me the code for a link to change the preffered css to cssone.css. I don't even need the link to a different website. Please-[I]someone[/I]-do this for me.
@doggydoodooauthorNov 08.2006 — #I'm not trying to be rude. Just [I]please[/I] because this is going to be used on an actual website - [URL]http://thestuff.atspace.com/[/URL]
@CentauriNov 08.2006 — #The article KDLA linked IS quite a simple technique that works well - but I could see how a novice could get lost reading it.
It is fairly easy. Assume your black text / white background css file is called bw.css and assume your white text / black background css file is wb.css
Download the styleswitcher.js file from the linked article and put it in the same folder as your html files. Then, in the head section of your index.html file, insert:
[CODE]<link rel="stylesheet" type="text/css" href="bw.css" title="black on white" /> <link rel="alternate stylesheet" type="text/css" href="wb.css" title="white on black" /> <script type="text/javascript" src="styleswitcher.js"></script>[/CODE]
Then in the body of your page, the actual links:
[CODE]<a href="#" onclick="setActiveStyleSheet('black on white'); return false;">change style to black text on white background</a>
<a href="#" onclick="setActiveStyleSheet('white on black'); return false;">change style to white text on black background</a>[/CODE]
If you put the head part of this in the head section of EVERY page in your site, then the style will apply to each page.
@doggydoodooauthorNov 08.2006 — #Thank you so much, nut I think my computer's messed up or something, because this is the second or maybe third time it hasn't worked, yet everybody else says it does. Thanks for all the help!!