[yootil]Theme Changer

[Dazzal]

Global Header & Footer
<style type="text/css">
.imgresized a { color: transparent; }
</style>

<script type="text/javascript">
function toggleQuickReply(){
if($('.ui-pagination .ui-pagination-next').hasClass('state-disabled'))
$('.container.quick-reply').show();
else
$('.container.quick-reply').hide();
}
$(document).ready(function(){
if($('.container.posts, .container.messages').length){
toggleQuickReply();
proboards.on('afterSearch',function(){ toggleQuickReply(); });
}
});
</script>


<script type="text/javascript">

// Shoutbox on homepage only

$(document).ready(function() {

if(proboards.data('route').name != "home") {

$('div.shoutbox.container.full').hide();

}

</script>

<style tyep="text/css">
.inner_cont{
display: block;
float: left;
height: 135px;
width: 31%;
padding: 8px;

}
</style>

<script>
_____________________________________
Global Footer
<script type="text/javascript">

$(function(){
if(window.listMan && listMan.item_type == "post"){
var p = listMan.options, r = proboards.data("route")
$('.content-head .info .date', listMan.content).each(function(i,e){
var post = {element:$(e), index: i, id: $(e).closest('tr.item.post').attr('id').split("-").pop(), page: listMan.pagination.data("pagination").page},
search = /search/i.test(r.name) || p.data.search || p.data.posts_search || p.data.post_query || p.data.hash.q || p.data.recent_page?1:0;
post.element.before('<span class="post-method post-number" />').prev()
.html( '<a href="/post/' + post.id + '/thread" title="Link to Post" >' + ((i+post.page+search) == 1 ? 'Thread ' : (search?'Result':'Reply') + ' #' + ((post.page - 1) * p.limit + i + search)) + '</a> ' + (i+post.page+search == 1 ?'started ' : 'posted ')

____________________________________
Main Header
Nothing
____________________________________
Main Footer
<div style="width:50%;margin:12px auto; padding:12px; background-color:rgba(255,255,255,.3); text-align:center; border: 1px solid #737373; box-shadow: inset 0px 0px 2px 2px #fff; font-size:12px; font-style:normal;"><center><u>Friend's Links</u></br>
<a href="http://clubhouse1.boards.net"><u>Amulet, </u></a>
<a href="http://internetcafe.boards.net"><u>Beckea, </u></a>
<a href="http://theisleofemerald.boards.net"><u>Emerald, </u></a>
<a href="http://lovely.boards.net"><u>JavaJunkie, </u></a>
<a href="http://animalsanctuary.freeforums.net"><u>Kikipetie, </u></a>
<a href="https://tch-forum.com/index.php"><u>Kyng, </u></a>
<a href="http://www.liasonitesgathering.online/Forum/index.php"><u>Laurie, </u></a>
<a href="http://lisascountryin.proboards.com"><u>Lisaann, </u></a>
<a href="http://startrekking.freeforums.net"><u>MagicMuggle, </u></a>
<a href="http://thisisthemaingate.createaforum.com/index.php"><u>MamaFrankie, </u></a>
<a href="http://friendshipsconnect.proboards.com"><u>Marti, </u></a>
<a href="https://www.tapatalk.com/groups/thisiscreeepy"><u>Not2Foxie, </u></a>
<a href="http://bpatsplace.runboard.com"><u>Pat, </u></a>
<a href="http://funjoint.proboards.com"><u>Paul, </u></a>
<a href="http://pitszal.freeforums.net"><u>Pitszal, </u></a>
<a href="http://skunk-n-skwerl.freeforums.net"><u>Skunk-n-Skwerl, </u></a>
<a href="https://nucleus.jcink.net"><u>Smokey,</u></a>
<a href="http://spherical.forumotion.com"><u>Spherical, </u></a>
<a href="http://spicescoffeehouse.jcink.net/index.php"><u>Spice, </u></a>
<a href="http://nicetomeet.proboards.com"><u>Toetapping, </u></a>
<a href="http://maisonduviolette.proboards.com/forum"><u>Violette </u></a>
<br><br>
All Content. Forum Set Up. Graphics. Are Property Of FNL. With The Exception Of Member's Posts<br>
©2018-2019<br>
FNL Since 2007
</div>

<center> <script src="http://www.funtrivia.com/priv_scoreboard.cfm?tid=87959"language="JavaScript"></script> </center>
___________________________________

Not sure what you mean by code tags Retread I copied it this way!
You certainly like a challenge and are a problem solver.

[Retread]

Dazzal , We'll talk about code tags later. First the GOOD NEWS!

In you Global Header, there is an unclosed script tag on the very last line. It serves no purpose at all. That's what's breaking the Theme Changer. Just delete it, and all should be well. I've highlighted it here:

<style type="text/css">
.imgresized a { color: transparent; }
</style>

<script type="text/javascript">
function toggleQuickReply(){
if($('.ui-pagination .ui-pagination-next').hasClass('state-disabled'))
$('.container.quick-reply').show();
else
$('.container.quick-reply').hide();
}
$(document).ready(function(){
if($('.container.posts, .container.messages').length){
toggleQuickReply();
proboards.on('afterSearch',function(){ toggleQuickReply(); });
}
});
</script>


<script type="text/javascript">

// Shoutbox on homepage only

$(document).ready(function() {

if(proboards.data('route').name != "home") {

$('div.shoutbox.container.full').hide();

}

</script>

<style tyep="text/css">
.inner_cont{
display: block;
float: left;
height: 135px;
width: 31%;
padding: 8px;

}
</style>

<script>

I'll put the contents of your other header/footers in my test forum to insure there's no conflict being created by them.

[Dazzal]

Retread You are BRILLIANT. Now that you're puffed up a bit, thank you SO MUCH! Too bad this wasn't done first, but sometimes going through steps is helpful. (o: Just that little tag caused all this trouble. LOL

[Retread]

Dazzal

The Contents of the Global Footer you posted in the thread are incomplete.

<script type="text/javascript">

$(function(){
if(window.listMan && listMan.item_type == "post"){
var p = listMan.options, r = proboards.data("route")
$('.content-head .info .date', listMan.content).each(function(i,e){
var post = {element:$(e), index: i, id: $(e).closest('tr.item.post').attr('id').split("-").pop(), page: listMan.pagination.data("pagination").page},
search = /search/i.test(r.name) || p.data.search || p.data.posts_search || p.data.post_query || p.data.hash.q || p.data.recent_page?1:0;
post.element.before('<span class="post-method post-number" />').prev()
.html( '<a href="/post/' + post.id + '/thread" title="Link to Post" >' + ((i+post.page+search) == 1 ? 'Thread ' : (search?'Result':'Reply') + ' #' + ((post.page - 1) * p.limit + i + search)) + '</a> ' + (i+post.page+search == 1 ?'started ' : 'posted ')

There should be a closing script tag at the very bottom, like this:

</script>

But I think that was just a copy/paste issue. If it was really like that, the controls in the bottom right, including the 'T' would not display. So it's probably there in your Global Footer, as Theme Changer does appear to be working on your forum.

---

Code tags

When someone asks you to surround something with code tags, just use the button in the post editor. Anything you place between the tags

[code]insert code here[/code]

will display but not execute. Usually there isn't a problem with displaying html, css, or javascript in a post, but in some instances there will be problems. Definitely necessary to display BBCode in a post without it executing.

---

Brilliant?

Compared to the other coders on the Support Forum, I'm a rookie. But I am sort of tenacious when it comes to trying to solve a problem.

Thank you for the compliment and very glad to work with you solving this one!

[Dazzal]

</script> was not there Retread, so it is now. For some reason the theme changer still worked. *scratches head*

Code tags; I will study this tomorrow. It's a short day for as I am gone Wed. evenings. If I have questions about this I will ask tomorrow.

I am obviously not a coder. I have copied a couple of layouts that I could and insert url's into the editor or the style page to make themes. It took me a while to figure out how to make the themes I have.

Thanks again and you are welcome!

[Pepe]

can i just say - awesome job on figuring this out Retread  !

[Texas]

I have updated the plugin to use the Yootil bar. That should fix all the problems y'all are having with the "T" not displaying properly.

Sorry for all the trouble.

[Former Member]

A theme was added to HTML and now the T is at the bottom left corner of page.

I believe some code was removed above the following -


<option value="50" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Canada Day</option><option value="51" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Fouth of July</option><option value="98" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Green Tea & Coffee</option><option value="75" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Jaded Spruce Mo BB TV</option><option value="74" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Little Empire</option><option value="111" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Nuevo Tropico</option><option value="62" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Plain</option><option value="127" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Simply Ann </option><option value="112" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Simply Bricks</option><option value="104" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">The Woods</option><option value="120" style="font-size: 9.99998px !important; line-height: 12.0125px !important;">Yellow Brick Wall</option>

at nicetomeet.proboards.com/ - I am co-admin.

[Texas]

@lucylane, yes, the bar will now display in the lower left hand corner. That's because the yootil bar is actually seperate from the ProBoards bar. Rather than go through all of the trouble of re-working the old code I had I just simplified it and used an existing solution.

If you really dislike where it is, I can try to find some time to get it back in the ProBoards bar and fix all the issues people were having.

[Former Member]

Oh, it’s fine where it is then, texas. Thanks for replying so quickly.

[Former Member]

I am setting up another forum but I am having a little problem with this Plugin.

The "T" won't show on the bottom right of the screen next to dashboard options.
an admin on my new forum also checked and she can't get it to show either.

[Retread]

Hi @stormcloud70

I took a look at the page source on the forum you reported having problems with this so I think you have this first part right, but let's confirm. And we'll take things step by step.

Step 1:

Your forum: catsmotherforum.boards.net

You have the Yootil plugin installed and it appears on your list of plugins BEFORE the Theme Changer plugin.

Is this correct?

---

Step 2:

Admin Home> Plugins> Forum Plugins> Manage

un-tick the checkboxes on the left for all plugins except for Yootil and Theme Changer. The changes will be auto-saved.
(This will disable all other plugins, for now.)

View your forum again. (refresh the page if using a separate tab or window).
Do you see the T now?

- If you do, enable each plugin, one at a time, until you find the one that's causing the problem.
- If you don't, enable all the plugins again and we'll look at your themes and the contents of your headers and footers.

---

Please report on step 1 and step 2.

[Former Member]

Aug 19, 2019 9:34:16 GMT -8 Retread said:

Hi @stormcloud70

I took a look at the page source on the forum you reported having problems with this so I think you have this first part right, but let's confirm. And we'll take things step by step.

Step 1:

Your forum: catsmotherforum.boards.net

You have the Yootil plugin installed and it appears on your list of plugins BEFORE the Theme Changer plugin.

Is this correct?

---

Step 2:

Admin Home> Plugins> Forum Plugins> Manage

un-tick the checkboxes on the left for all plugins except for Yootil and Theme Changer. The changes will be auto-saved.
(This will disable all other plugins, for now.)

View your forum again. (refresh the page if using a separate tab or window).
Do you see the T now?

- If you do, enable each plugin, one at a time, until you find the one that's causing the problem.
- If you don't, enable all the plugins again and we'll look at your themes and the contents of your headers and footers.

---

Please report on step 1 and step 2.

Step 1: yeah I have the Yootil above the Theme Changer

Step 2: I have disabled the other plugins apart from Yootil and theme changer and there still is no T.

[Kitty Katt]

Taking note of the above posts, @stormcloud70, do you have the Yootil bar enabled in the plugin's (Yootil) settings? If I am reading previous posts correctly, the "T" is no longer placed on the PBN bar, but in the Yootil bar - which would be, I believe, the same bar that is used for the Monetary System and Monetary Shop plugins, if you have them installed.

[Former Member]

Also Retread Dazzal checked her plugins against mine and they all matched.