Split: Add multi-themes to your forum

[Russel]

First topic message reminder :

wow. first to comment! thanks darren! great!

[CloverTea]

Oh, haha thank you XD!

I used "ctrl+F" to find it, and it must have just skipped ahead to the 2.3 and 2.4 part.

I'm going to continue trying this tonight so I'll let you know if I have questions for sure ^_^!

[nathanleese]

thanks

[Ape]

Ok i found out why my skin changer would not work lol
i went on the french forum to get the codes and it worked lol
I think some of the codes are not right on here but im not sure maybe a mod and test it out

[Hancki]

In the CSS, it can be:
http://address_of_your_forum/css.forum
See here an example: https://help.forumotion.com/css.forum

Try this, its better!

[CloverTea]

Where exactly do you put the codes you provide? such as:


<option> Choose your theme </option>

If i'm understanding correctly, you are first putting the code in a code editing program such as dream weaver, then transfering it to the forum?

If that is correct, where do you transfer the code to once you have it all written up? Where is it in the admin panel?

[iJerick]

Where exactly do you put the codes you provide? such as:


<option> Choose your theme </option>

If i'm understanding correctly, you are first putting the code in a code editing program such as dream weaver, then transfering it to the forum?

If that is correct, where do you transfer the code to once you have it all written up? Where is it in the admin panel?

Of course

[CloverTea]

Where exactly do you put the codes you provide? such as:


<option> Choose your theme </option>

If i'm understanding correctly, you are first putting the code in a code editing program such as dream weaver, then transfering it to the forum?

If that is correct, where do you transfer the code to once you have it all written up? Where is it in the admin panel?

Of course

?????????
Of coruse what? Where do you transfer the code?

[CloverTea]

*course


Oh also, is the code you have images posted of something we have to type out ourselves? If so, It would be great if you could just paste the code so we can copy it x_x

[matt_m]

Where is step 2 for non-CSS knowledgeable? It doesn't seem to be there??

[matt_m]

I just cannot get this to work...

I have followed the tutorial step by step exactly, and three times now it has resulted in nothing showing up on the main page at the end of it all. I am using phpBB3. Just nothing appears on the main index!

[CloverTea]

I just cannot get this to work...

I have followed the tutorial step by step exactly, and three times now it has resulted in nothing showing up on the main page at the end of it all. I am using phpBB3. Just nothing appears on the main index!

I'm having a similar issue. Here is my final code for the 'over all header new' section:

Code:


   <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div><span id="temsel">[b]</span><script type="text/javascript" src="http://clover.top-forum.net/Style-Switcher-h3.htm"></script>[/b]
                  </div>


did I put it after the correct </div> tag? Here are the URLS i'm using if it helps:
theme 1
http://demo.nicetheme.com/index.htm?theme_id=156735

theme 2
http://demo.nicetheme.com/index.htm?theme_id=156869

And these are the 'altered' urls:
http://clover.top-forum.net/156869-ltr.css
http://clover.top-forum.net/156735-ltr.css

[Honor]

Is this code for different user-defined themes or is it for putting different themes on different parts of the forum?

In Example:
I have a RP forum. It has Medival, SciFi, TV themed, and other themed game forums. I want to put corresponding skins on each - something woodsy for Medival, a space theme for SciFi, etc.

Or is this just to let users choose what they would rather look at, like on a VBulliten forum?

[Ape]

Ok for anyone that is getting problems getting this to work on phpBB3 & Invision please do as they say at the top of this post but you will need to change a Code
Dont ask me why but it worked for me and my friends site

Chatnge this code in Step 2 of the 1st post made by typlo & Darren1

Code:

var type = getCookie('template1');
    var temsel = document.getElementById('temsel');
    temsel.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Choose your theme  </option><option value="valeur1"> Name of theme & creater 1</option><option value="valeur2">Name of theme & creater 2 </option><option value="valeur3"> Name of theme & creater 3 </option></select>';




    if (type == 'valeur1')
    {
      document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/IDNUMBER-ltr.css">');
    }
    else if (type == 'valeur2')
    {
      document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/_IDNUMBER-ltr.css">');
    }
    else if (type == 'valeur3')
    {
      document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/IDNUMBER-ltr.css">');
    }


    function changeskin(change) {
      var scheme = change;
      var name = 'template1';
      var pathname = location.pathname;
      //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
      var ExpDate = new Date ();
      ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
      setCookie(name,scheme,ExpDate,'/');
    }
    function getCookie(name){
      var cname = name + "=";
      var dc = document·cookie; if (dc.length > 0) { begin = dc.indexOf(cname); if (begin != -1) { begin += cname.length; end = dc.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin, end)); } } return null; } function setCookie(name, value, expires, path, domain, secure) { document·cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); }



Replace it with.

Code:

var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Changer le style </option><option value="valeur1">1 YOUR NEW SKIN NAME HERE</option><option value="valeur2">2 YOUR NEW SKIN NAME HERE </option><option value="valeur3">3 YOUR NEW SKIN NAME HERE </option></select>';




if (type == 'valeur1')
{
   document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/_IDNUMBER-ltr.css">');
}
else if (type == 'valeur2')
{
   document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/_IDNUMBER-ltr.css">');
}
else if (type == 'valeur3')
{
   document.write('<link rel="stylesheet" type="text/css" href="URL_OF_YOUR_FORUM/_IDNUMBER-ltr.css">');
}


function changeskin(change) {
   var scheme = change;
   var name = 'template1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document·cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;
}
function setCookie(name, value, expires, path, domain, secure) {
   document·cookie = name + "=" + escape(value) +
   ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
   ((path == null) ? "" : "; path=" + path) +
   ((domain == null) ? "" : "; domain=" + domain) +
   ((secure == null) ? "" : "; secure");
}

NOTE: Once you have replace the code please keep using the next lot of steps on the 1st post made by Typlo and darren1

[CloverTea]

I'm guessing that doesn't work for PunBB, because I tried it and nothing happened still. Can anyone answer my question from above?...

[Ape]

I just cannot get this to work...

I have followed the tutorial step by step exactly, and three times now it has resulted in nothing showing up on the main page at the end of it all. I am using phpBB3. Just nothing appears on the main index!

Ok for anyone that is getting problems getting this to work on phpBB3 & Invision please do as they say at the top of this post but you will need to change a Code
Dont ask me why but it worked for me and my friends site

Chatnge this code in Step 2 of the 1st post made by typlo & Darren1

Code:

var type = getCookie('template1');
    var temsel = document.getElementById('temsel');
    temsel.innerHTML =' Choose your theme  Name of theme & creater 1Name of theme & creater 2  Name of theme & creater 3 ';




    if (type == 'valeur1')
    {
      document.write('');
    }
    else if (type == 'valeur2')
    {
      document.write('');
    }
    else if (type == 'valeur3')
    {
      document.write('');
    }


    function changeskin(change) {
      var scheme = change;
      var name = 'template1';
      var pathname = location.pathname;
      //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
      var ExpDate = new Date ();
      ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
      setCookie(name,scheme,ExpDate,'/');
    }
    function getCookie(name){
      var cname = name + "=";
      var dc = document·cookie; if (dc.length > 0) { begin = dc.indexOf(cname); if (begin != -1) { begin += cname.length; end = dc.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin, end)); } } return null; } function setCookie(name, value, expires, path, domain, secure) { document·cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); }



Replace it with.

Code:

var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML =' Changer le style 1 YOUR NEW SKIN NAME HERE2 YOUR NEW SKIN NAME HERE 3 YOUR NEW SKIN NAME HERE ';




if (type == 'valeur1')
{
   document.write('');
}
else if (type == 'valeur2')
{
   document.write('');
}
else if (type == 'valeur3')
{
   document.write('');
}


function changeskin(change) {
   var scheme = change;
   var name = 'template1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document·cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;
}
function setCookie(name, value, expires, path, domain, secure) {
   document·cookie = name + "=" + escape(value) +
   ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
   ((path == null) ? "" : "; path=" + path) +
   ((domain == null) ? "" : "; domain=" + domain) +
   ((secure == null) ? "" : "; secure");
}

NOTE: Once you have replace the code please keep using the next lot of steps on the 1st post made by Typlo and darren1

Matt-m Please Try This Code I Have Gave On This Post
I HAVE MADE SURE IT'S WORKING ON phpBB3

[CloverTea]

Any idea of why the tutorial doesn't work for PUnBB?

Has anyone WITH PunBB been able to try this?

[wonder_girl]

Is there a way to make a style switcher with temporary themes?

[CloverTea]

any help I can get with PunBB would be super ^_^ Please PM me if you have a suggestion <3333

[y2day]

Step 3!

Where is the

Admin panel >> Display > templates/overall_header_new

I can't find the templates link or tab or whatever. Can some one help me out?

thanks

[ankillien]

Step 3!

Where is the

Admin panel >> Display > templates/overall_header_new

I can't find the templates link or tab or whatever. Can some one help me out?

thanks

Templates are available in phpBB2 and punBB only.
In addition, only the founder admin can access the templates.

[CloverTea]

still waiting for a punbb solution, or to know if anyone else with PunBB has gotten this to work o_o thanks!!!!

[CloverTea]

Does ANYONE know why this doesn't work on PunBB? Or if you HAVE gotten it to work with PunBB, please help me out?

[CloverTea]

Couldn't find the edit button, but the OP should be edited. Step 2 doesn't display correctly on all browsers. Perhaps it should be taken of of the spoiler/quote thing that it's in.

[y2day]

Step 3!

Where is the

Admin panel >> Display > templates/overall_header_new

I can't find the templates link or tab or whatever. Can some one help me out?

thanks

Templates are available in phpBB2 and punBB only.
In addition, only the founder admin can access the templates.

I'm using phpBB2 and am the founding Admin.

Only reference I see to templates is....

Templates modified and published
Templates modified and awaiting


Any help would be great.

[richardyusan]

thx !

[Reflections7]

good job .. thanx alot

[Linky]

Can someone help me?
I got lost after step on.
I am doing the non CSS.
I have step on done but from there I am lost. XD

~Linky