Sidebar Redux

[fow]

Jun 27, 2016 8:32:29 GMT -8 Brian said:

To accomplish that you'd add this CSS to the top of the HTML tab of your custom page's settings and substitute the text in green with your preferred shoutbox size.

<style type="text/css">
#move-shoutbox { display: none; }
.shoutbox_messages { height: 500px !important; }
</style>

And instead of the script in the thread I linked you'd use this in your global header, substituting the green text with the ID of your custom page (found after the last forward slash in its URL).

<script type="text/javascript">
$(document).ready(function(){
    if(pb.data('route').params.page_id != "your-page-id")
        $('#move-shoutbox').append($('div.shoutbox.container.full'));
});
</script>

OH, so about fit to be tied.

First, Header/Footer (put this into both):

<script type="text/javascript">
$(document).ready(function(){
if(pb.data('route').params.page_id != "live-battle")
$('#move-shoutbox').append($('div.shoutbox.container.full'));
});
</script>

Custom Page HTML:

<style type="text/css">
#move-shoutbox { display: block; }
.shoutbox_messages { height: 500px !important; }
.sidebarr-left-td { display: none; }
</style>

<div id="move-shoutbox"></div>
<div>$[zone_1]</div>
<div style="padding: 10px 0;">$[zone_2]</div>
<div>$[zone_3]</div>

Results:

I have removed the side bar from my custom page.  I have failed to restore the shoutbox to the main page area. <div id="move-shoutbox"></div> should place the shout box where I want it right?  I simply declare that line and it should be placed there, correct?  So, my question is, still, why doesn't my shoutbox appear?

SPOILER: Click to show

realbattles.proboards.com/

realbattles.proboards.com/page/live-battle

(live battles should have the shoutbox placed normally, centered, the first item in the custom page setup, but it doesn't appear)

[Brian]

Jul 11, 2016 7:18:24 GMT -8 fow said:

I have removed the side bar from my custom page.  I have failed to restore the shoutbox to the main page area. <div id="move-shoutbox"></div> should place the shout box where I want it right?  I simply declare that line and it should be placed there, correct?  So, my question is, still, why doesn't my shoutbox appear?

You still have the old shoutbox movement code in the Header/Footer component of the Sidebar Redux plugin. You'll need to remove it.

You can't have two instances of <div id="move-shoutbox"></div> on the same page, as two elements on the same page cannot share the same ID. While you've hidden the sidebar on your custom page using CSS the HTML you placed within it is still a part of the page that's considered by the Javascript that's moving your shoutbox. You should remove the instance of <div id="move-shoutbox"></div> that's currently in your custom page HTML.

I also noticed you placed the shoutbox movement code in both the global header and footer. It only needs to be present in the global header.

[fow]

Oh my god.  All this time, I completely missed the header bit of the change in THE PLUG IN.  Sheesh, I always misread that, no wonder I was fit to be tied.  Thank you  so much. I can rest again.

[Lynx]

Brian,

I'm probably doing a stupid mistake, but I'm trying to get the sidebar to not show up on any page but the home page - it leaves an empty gap on my other pages (Forum URL: casualgamersinc.proboards.com/ ). I've only got one Type 3 box that houses my shoutbox via the move-shoutbox script and having the move-shoutbox in the ID field in the plugin. My $[shoutbox] variable is in my Home Template rather than my Forum Wrapper template (as I only wanted it on the Home page previously - before I added the plugin). I've tried adding this to my Global Header - didn't work, so I tried Global Footer (it's where it's residing now):


<!-- Hide right sidebar on all but home page -->
<script>
   $(document).ready(function() {
       if (pb.data('route').name != "home")
           $('#sidebarr-right').css('display','none');
   });
</script>


It's not showing the shoutbox on any other page but the Home page (which is what I want), but it's leaving a big, empty gap on the other pages. How can I fix that?

Thank you!

[Brian]

Jul 11, 2016 20:19:21 GMT -8 Lynx said:

Brian ,

I'm probably doing a stupid mistake, but I'm trying to get the sidebar to not show up on any page but the home page - it leaves an empty gap on my other pages (Forum URL: casualgamersinc.proboards.com/ ). I've only got one Type 3 box that houses my shoutbox via the move-shoutbox script and having the move-shoutbox in the ID field in the plugin. My $[shoutbox] variable is in my Home Template rather than my Forum Wrapper template (as I only wanted it on the Home page previously - before I added the plugin). I've tried adding this to my Global Header - didn't work, so I tried Global Footer (it's where it's residing now):

SPOILER: Click to show


<!-- Hide right sidebar on all but home page -->
<script>
   $(document).ready(function() {
       if (pb.data('route').name != "home")
           $('#sidebarr-right').css('display','none');
   });
</script>


It's not showing the shoutbox on any other page but the Home page (which is what I want), but it's leaving a big, empty gap on the other pages. How can I fix that?

Thank you!

You'd need to hide the <td> element holding the div you're hiding rather than the div itself. I already have a script in the first post of this thread that does this while also accounting for any oddities that result from using fixed positioning.

[Lynx]

I knew it would be a stupid error on my part.

Thank you very much, Brian!

[madbeef]

Fantastic plugin Brian! Apologies if this has already been asked, I have the plug in to the left and I'm just using the default forum theme with a colour scheme applied.

The banner is at the top, then the location bar, then the news bar and then the first category.

Is it possible to have the sidebar inline with the first category? As at the moment it's in line with the news bar which it pushes to the right.

[Brian]

Jul 13, 2016 14:43:47 GMT -8 madbeef said:

Fantastic plugin Brian! Apologies if this has already been asked, I have the plug in to the left and I'm just using the default forum theme with a colour scheme applied.

The banner is at the top, then the location bar, then the news bar and then the first category.

Is it possible to have the sidebar inline with the first category? As at the moment it's in line with the news bar which it pushes to the right.

Navigate to Themes > Layout Templates > Home and remove the $[news] variable from the top of the template, then go to Themes > Layout Templates > Forum Wrapper and place the $[news] variable before this line:

$[header]

[madbeef]

Perfect! Thank you

[Thin]

I've seen other forums with this plugin and they seem to be able to put spacing when they are moving onto another part of that sidebar. Do you know how I can fix this? Its a problem.

[rrebeliii1]

Hello how I can Add Link here


 
I Try But it DOnt Work So Any Help ?

So Something --> Please Read Rules

[Lynx]

Aug 21, 2016 2:12:01 GMT -8 rrebeliii1 said:

Hello how I can Add Link here

View Attachment
 
I Try But it DOnt Work So Any Help ?

So Something --> Please Read Rules

Is your Welcome box in the sidebar redux plugin? If so, you need to use HTML, not BBCode.

To add a link, you just simply put this where you want the link:


<a href="link_to_destination">Text for Link</a>


Chang the link_to_destination to the actual (full) URL that the link will send the user to when clicked, and change the Text for Link to what you want as the text displayed as a link. For example, to link to your post above, it would be:


<a href="http://support.proboards.com/post/6795909/thread">rrebeliii1's post</a>


It would then look like this (converted to BBCode for posting example):

rrebeliii1's post

[rrebeliii1]

Thenks Bro Worked can you do so

<a href="http://progamingzm.proboards.com/thread/7/read-rules">Hello, Please Read Rules</a>

Hello, Please Read "Rules"</a>

and link just in Rules

[Lynx]

That is correct, rrebeliii1.

This part:

<a href="http://progamingzm.proboards.com/thread/7/read-rules">Hello, Please Read Rules</a>


would create a link to your rules with the clickable text as: Hello, Please Read Rules

When someone clicks that, it will take them to your rules thread from your link (http://progamingzm.proboards.com/thread/7/read-rules).

[rrebeliii1]

Thnx It Worked BUt

How I Can Do So Hello. Please Read "Rules"

So Normal Text

Hello. Please Read
And The Link In Name

"Rules"
And Guyz How To ADd Colors SO SOmthing?

[font color="8306be"]ProGamingZM It's Create
To Help Players Who Play Conter-Strike And With Zombie Plague
So I create It Forum To Help Evryone With Plugins + Mod !!![/font]
?