Still no luck... I tried clearing the cache
Also set my forum to default... then tried drop-down list .. no change on main forum
I tried to find other sites.. to view their source codes.. to see where I'm wrong... but not much luck
Give this site a shot.. and see if skins change... it didn't for me
http://skins.smfforfree3.com/ ... script might be old... dunno
I checked your source code for that site. The urls for the css are incorrect.
To try to clear this up I have set it up on my forum on smfforfree3.com.
It works perfectly.
Im going to post the code I used for you.
The ONLY edits you need to do are:
For each of the lines for the skin change:
1. The name you want to appear in the dropdown box.
(example: Change
Media to the name of your stylesheet)
2. If you set this up on your smfforfree3.com forum leave that part alone If its on smfforfree.com remove the "3"
3. Change "sibylstestsite" to the name of your forum - exactly as it is in your url.
4. The name of the css file - EXACTLY as it is in the style picker's dropdown box in Manage Styles
Do NOT change the www before the smfforfree3.com to your forums name - leave that alone. The ONLY place you need to put YOUR forums name is where it says "sibylstestsite"
After you have done those edits put the code in your HEADER. It will automatically center the dropdown box.
Make sure the Default style is chosen in the stylepicker as your forum's default style.
<script>
var n = 0;var Skin = new Array();
Skin[n++] = ["Default","http://www.smfforfree3.com/styles/sibylstestsite/default.css?fin11"];
Skin[n++] = ["Media","http://www.smfforfree3.com/styles/sibylstestsite/media.css?fin11"];
Skin[n++] = ["Olive","http://www.smfforfree3.com/styles/sibylstestsite/olive.css?fin11"];
Skin[n++] = ["Pool Shark","http://www.smfforfree3.com/styles/sibylstestsite/poolshark.css?fin11"];
Skin[n++] = ["Alienation","http://www.smfforfree3.com/styles/sibylstestsite/alienation.css?fin11"];
//Created by Agent Moose (smcodes.smfforfree3.com)
document.write("<center><select id='SkinChooser'><option value='default'>Choose Style</option>");
for(i=0;i<Skin.length;i++){
document.write("<option value='" + Skin[i][1] + "'>" + Skin[i][0] + "</option>");
};
document.write("</select> <input type='button' value='Change' onclick='setSkin();' /></center>");
function setCookie(name, value, expires){
var deCookie = name + "=" + escape(value);
if(expires){
expires= expires.toGMTString();
deCookie += "; expires=";
deCookie += expires;
};
document.cookie = deCookie;
};
function getCookie(name){
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1){
begin = dc.indexOf(prefix);
if (begin != 0) return false;
}else begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = dc.length;
return unescape(dc.substring(begin + prefix.length, end));
};
function delCookie(name){
expires = new Date(1807,1,1);
expires = expires.toGMTString();
deCookie = name;
deCookie += "=delete; expires=";
deCookie += expires;
document.cookie = deCookie;
};
function changeSkin(Agent){
document.write("<link rel='stylesheet' type='text/css' href='" + Agent + "' />");
};
var Omi = "default";
document.getElementById("SkinChooser").onchange = function(){
if(Skin[parseInt(document.getElementById("SkinChooser").selectedIndex)-1]){
Omi = Skin[parseInt(document.getElementById("SkinChooser").selectedIndex)-1][1]
}else{
Omi = "default";
};};
function setSkin(){
if(Omi == "default") delCookie("Skin");
if(Omi != "default") setCookie("Skin",Omi,new Date(9999,1,1));
window.location.reload();
};
changeSkin(getCookie("Skin"));
</script>
You can see that it works here:
http://sibylstestsite.smfforfree3.com/index.phpI added several more to it so you can see it will work with many more.
The above code is also posted on that forum, along with instructions:
http://sibylstestsite.smfforfree3.com/index.php/topic,127.msg186.html#msg186
Topic: Skin Chooser (Read 5050 times)
April 11, 2007, 10:33:04 am