Styleswitcher Tutorial
Ok, this tutorial is requested a lot of times, so I finally made it ^-^
Just finished a new layout but want to make another one? Hate to wait sometime until you can update the layout? There is
always the other choice, installing a styleswitcher!
A styleswitcher is a code that allows you to change the styles of your site! Most sites have them now days, and maybe you
should too!
What you need
Here is what you need:
- A host that supports PHP or SHTML (works on freewebs too!)
- A good knowledge of HTML
- Yourself!
Have those things? Good! Let's start!
The Steps
First of all, login into your site FTP or host!
2- Create a new file and call it styleswitcher.js and paste this code inside it:
Please don't change the code!
3- Put this code in your
Ack! Wait! Don't change anything!
Further Explanation
Ok, this is the part that most people don't understand. Do you know what's a CSS? No, it's not the full code with the Tags ( etc.) It's JUST THE STYLE!
An example can be:
See? No tags!
4- Now, remember this code in the part of your layout:
Well, it's time to get it to work!
After pasting your CSS codes, save it as: yourstylename.css (of course, change your site name to your style's name!)
Let's say I have 2 layouts and I want one to be:
turtwig.css
and the other
chimchar.css
I'll fill it like this:
The Normal layout is the one the viewer sees the first before changing it to whatever he or she likes ^-^
5- Go to your part of the layout and paste this:
Make sure your style title is the same as the one you wrote in your title part of the layout ^-^
Now, let's say my layouts are the turtwig.css and chimchar.css again, I'll do this:
See? Cool!
WARNING, PLEASE READ!
This is the mistake most of you make! Make sure you ERASE your CSS in the normal layout... like this:
Before:
After:
See? Remove the style tags! IT WON'T WORK IF YOU DON'T!
Congratulations
You now have a Styleswitcher! If you still need help, please contact me!
