Directions for drop down style swapper



sibyls simple stuff
March 28, 2024, 06:51:19 am
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Registration is DISABLED.   The forum is for storage purposes only.
 
  Home Help Search Arcade Login Register  

Dropdown box style swapper (used on this forum) - SIMPLE setup

Pages: [1]
  Print  
Author Topic: Dropdown box style swapper (used on this forum) - SIMPLE setup  (Read 2176 times)
simply sibyl
Admin
*
Gender: Female
Posts: 106



« on: October 12, 2010, 02:23:08 pm »

This code is a combination of Agent Moose's dropdown code and some tweaks by me

A.  Set your forum to the Default Style

B.  Find other styles you want to use.   Add each of them in Manage Styles. 

C.  For each of those stylesheets edit these lines in the code:
     (add more if you need them, delete those you do not need)

Code:
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];

1.   Replace "STYLE NAME"  with the name of the style
2.   Replace "smfforfree.com" with your forum's info
       for instance  (smfforfree.com, smfforfree2.com, smfforfree3.com, smfforfree4.com, mysmf.com, freesmfhosting.com)
3.   Replace "FORUM NAME" with the name of your forum.
4.   Replace "STYLE" with the name of the stylesheet.
        (the name you named the style when you created it in manage styles)

Do this for each one you want to use.

D.  When done with the edits the code goes in your Header and will center the dropdown box at the top of your forum.

Code:

<script>
var n = 0;var Skin = new Array();
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.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>


NOTE:
If you want to do the Helios Styles that are in the dropdown box on this forum you can find the stylesheets here:
http://testforumserver4.smfforfree4.com/index.php/board,5.0.html

If you want to add the optional header and footer images (as used on this forum):
You will need to add this to the end of the Header code:

Code:
<br />
<table align=center>
 <td  class=header height="54px" width="1000px" align=center>
</td>
</table>

Add this to the top of your Footer:

Code:
<table align=center>
<td class=footer height="54px" width="1000px" align=center>
</td>
</table>

 
Report Spam   Logged



Pages: [1]
  Print  
 
Jump to:  

Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy