V@no as it is usual at height
I have found more simple variant of change of style which the user to whom can interestingly realize it and on the site chooses http://www.kelvinluck.com/assets/jquery/styleswitch/
Hi,
yes that's a great and simple method:
Step 1.1.1In header.html find:
<link rel="stylesheet" href="{template_url}/images/style.css" />
replace with:
<link rel="stylesheet" type="text/css" href="{template_url}/images/styles1.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="{template_url}/images/styles2.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="{template_url}/images/styles3.css" title="styles3" media="screen" />
1.2Add in header.html between <head> </head> tag:
(If you allready use jquery it's not important if minimal or normal version you can dismiss the first line.)
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/styleswitch.js"></script>
Step 2.Place anywhere you want to display the style change links:
<a href="nojava.html?style=style1" rel="styles1" class="styleswitch">styles1</a>
<a href="nojava.html?style=style2" rel="styles2" class="styleswitch">styles2</a>
<a href="nojava.html?style=style3" rel="styles3" class="styleswitch">styles3</a>
The nojava.html can be used if no java script is available (server side style changing).
Step 3.Create a folder called "js" in your 4images root directory.
Place the following files in that folder:
(You can dismiss jquery.js if you allready use it).
http://www.kelvinluck.com/assets/jquery/styleswitch/jquery.jshttp://www.kelvinluck.com/assets/jquery/styleswitch/styleswitch.jsGreetz X23