K... So I got the style chooser code in HTML but now the button won't change it. Here's the code I used.
<script>
var n = 0;var Skin = new Array();
Skin[n++] = ["Default Blue","http://www.smfforfree.com/styles/sitecreator/default.css?fin11"];
Skin[n++] = ["Blue","http://www.smfforfree.com/styles/nonstopgamers/red.css?fin11"];
Skin[n++] = ["Green","http://www.smfforfree.com/styles/sitecreator/green.css?fin11"];
Skin[n++] = ["Helios Red","http://www.smfforfree.com/styles/sitecreator/heliosred.css?fin11"];
Skin[n++] = ["Red","http://www.smfforfree.com/styles/sitecreator/red.css?fin11"];
Skin[n++] = ["Black","http://www.smfforfree.com/styles/sitecreator/black.css?fin11"];
//Created by Jaron (based on Agent Moose's original)
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><button onclick='setSkin();'>Change</button></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>