Theme Changer plugin

[toetapping]

My forum is nicetomeet.proboards.com/



I have downloaded the Plugin Theme Changer. Version 2.0.3.



Nothing shows up. Hoping some one will help.  Works fantastic on my Test Forum.

[Texas]

I created an account on your forum to check it out if you wouldn't mind approving it I can take a look.

[toetapping]

I just did. Thank you so much.

[Texas]

toetapping, the plugin seems to be working fine with me. Can you not see the small "T" in the little bar at the right hand corner of the screen?

[toetapping]

No I can't Texas.  This is what I see.

[Texas]

Ah, it appears as though whatever other plugin that uses the PBN bar is shoving all the items to the right and hiding the T. I'll see if I can't come up with a way to fix that for you, but in the meantime you may have better luck contacting the creator of that plugin because I believe the fault lies with it and not the Theme Changer (could definitely be wrong, but if I remember correctly I used a library to add that button, so if the fault is with my plugin than it's because the library isn't working, which I doubt. Also...the settings button is hidden as well which shouldn't happen if the other plugin is functioning properly). I'll get back to you if I figure something out.

[toetapping]

Thank you for getting back to me. I will wait and see what you come up with. I thought you were the creator. I do appreciate you trying to fix it for me.

[Texas]

toetapping, sorry, my post wasn't clear enough. To many pronouns. What I meant to say is this: in your picture, it appears as though you have another plugin that modifies the PBN bar (the icon of the little dude with the santa hat). I believe the problem you are having is because of that plugin, not because of the Theme Changer itself. As far as I can tell, the problem is that other plugin is pushing all the items to the right and hiding the theme changer icon as well as the "settings" icon.

And to clarify, I am the creator of the theme changer plugin, but not the creator of whatever that other plugin is that's modifying the PBN bar.

EDIT: The problem is with the scavenger hunt plugin. I will contact the creator for you.

[toetapping]

Texas I do appreciate you contacting the other creator for me and once again thank you so much for spending time on my problem.

[Texas]

toetapping ,

Okay, I threw together a quick fix, but it needs to applied to the scavenger hunt plugin, not the theme changer plugin.

So, go to the scavenger hunt plugin and go to the build plugin page, and then click on the "components" page.

In the JS box at the top, find the part that looks like this:


   //If user unlocked prize detector, initialize it
   function prizeDetectorSwitch(onOff) {
     var prizeDetector;

     if (true) {

       if (onOff == 1) {
         prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       } else {
         prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       }
     }
   }


When you've located it, past this:

         $('#pbn-bar').css('width', $('#pbn-bar').width() + 22);


After creating a new line following both instances of:


$(prizeDetector).prependTo('#pbn-bar');


That should fix your problem.

[toetapping]

As you can see I am not very good with codes. I did this on my test forum. It is wrong as not working so perhaps you could give me a copy and paste. I am sorry I didn't pick it up quickly and thank you for your time.

//If user unlocked prize detector, initialize it
function prizeDetectorSwitch(onOff) {
var prizeDetector;

if (userprizeBag >= 5) {

if (onOff == 1) {
prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
$(prizeDetector).prependTo('#pbn-bar');
} else {
prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
$(prizeDetector).prependTo('#pbn-bar');
$('#pbn-bar').css('width', $('#pbn-bar').width() + 22);

$(prizeDetector).prependTo('#pbn-bar');

[Lynx]

This:


   //If user unlocked prize detector, initialize it
   function prizeDetectorSwitch(onOff) {
     var prizeDetector;

     if (true) {

       if (onOff == 1) {
         prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       } else {
         prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       }
     }
   }


becomes this:


   //If user unlocked prize detector, initialize it
   function prizeDetectorSwitch(onOff) {
     var prizeDetector;

     if (true) {

       if (onOff == 1) {
         prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
         $('#pbn-bar').css('width', $('#pbn-bar').width() + 22); //this line was added
       } else {
         prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
         $('#pbn-bar').css('width', $('#pbn-bar').width() + 22); //this line was added
       }
     }
   }


[toetapping]

This is my test forum that I used to try it. testingsssss.proboards.com/

I added the above and it still doesn't work.

[gardenmeister]

Dec 8, 2016 18:54:49 GMT -8 Lynx said:

This:


   //If user unlocked prize detector, initialize it
   function prizeDetectorSwitch(onOff) {
     var prizeDetector;

     if (true) {

       if (onOff == 1) {
         prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       } else {
         prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
       }
     }
   }


becomes this:


   //If user unlocked prize detector, initialize it
   function prizeDetectorSwitch(onOff) {
     var prizeDetector;

     if (true) {

       if (onOff == 1) {
         prizeDetector = $('<a><img class="prizeDetector active" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_activated_image + '" alt="prize DETECTED NEARBY!" style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
         $('#pbn-bar').css('width', $('#pbn-bar').width() + 22); //this line was added
       } else {
         prizeDetector = $('<a><img class="prizeDetector" src="' + pb.plugin.get('scavenger_hunt').settings.prize_detector_deactivated_image + '" alt="No prize detected." style="margin-top: 3px !important;display: inline-block;float: left !important;padding: 0px 3px !important;height: 16px !important;width: auto !important;"></a>');
         $(prizeDetector).prependTo('#pbn-bar');
         $('#pbn-bar').css('width', $('#pbn-bar').width() + 22); //this line was added
       }
     }
   }


I tried this and it doesn't work.

[Lynx]

toetapping and gardenmeister,

See if this line (both occurrences):

$('#pbn-bar').css('width', $('#pbn-bar').width() + 22);



needs to be slightly modified to this:

$('#pbn-bar').css('width', $('#pbn-bar').width() + "22px");



Note the quotes and the px around the 22. Let me know how that goes. Be sure you change both occurrences of that line.