SCHOOL IS A PAIN. Well, if I ever have free time I'm working on other things that are important... And I'm also trying to work on my drawing skills... I'm still dry on good ideas for GD T^T Just added 2 fanfics.

11/4/10 Excuses

Style Switcher Tutorial

So you need help with style switcher? Well you're lucky cause here's a guide!

First you need 2 or more layouts to use. To get SS, first you need to download it and then upload it to your server. You also need to upload the CSS part of your layout(s). Next, add this code to the head tags of your layout:

<link rel="stylesheet" type="text/css" href="MAIN LAYOUT NAME.css"> <link rel="alternate stylesheet" type="text/css" href="LAYOUT NAME.css" title="LAYOUT TITLE"> <link rel="alternate stylesheet" type="text/css" href="LAYOUT NAME.css" title="LAYOUT TITLE"> <link rel="alternate stylesheet" type="text/css" href="LAYOUT NAME.css" title="LAYOUT TITLE"> <link rel="alternate stylesheet" type="text/css" href="LAYOUT NAME.css" title="LAYOUT TITLE"> <script type="text/javascript" src="styleswitcher.js"></script>

Where is says LAYOUT NAME, put the name of the css file of that layout and where is says LAYOUT TITLE, put the title you want for the layout- I suggest using numbers because it will be easier to keep track of. And when you have more layouts, just add another line of that code.

Now it is time to add the SS to your layout. Go to the part of the nav where you want it to be, then put in this code:

<a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;">DISPLAY NAME</a><br> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;">DISPLAY NAME</a><br> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;">DISPLAY NAME</a><br> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;">DISPLAY NAME</a><br>

It is possible to make it images and for those who want to, use this instead of the previous code:

<a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;"><img src="IMAGE URL HERE" border="0" alt="HOVER TEXT HERE"></a> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;"><img src="IMAGE URL HERE" border="0" alt="HOVER TEXT HERE"></a> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;"><img src="IMAGE URL HERE" border="0" alt="HOVER TEXT HERE"></a> <a href="#" onclick="setActiveStyleSheet('LAYOUT TITLE'); return false;"><img src="IMAGE URL HERE" border="0" alt="HOVER TEXT HERE"></a>

Hope that this guide was helpful! If you still need help, post in the Style Swtcher Help thread in the forums.

Vote for Us