Sidebar Redux

[Brian]

Jan 30, 2013 0:34:18 GMT -8 hotwheelsclubph said:

Newbie question here, but how do you guys put the shoutbox on the side?

The ProBoards shoutbox can be moved over with this code.

After that, you would add this to the bottom of Themes > Colors & Styles > Style Sheet to get rid of the box around it. Substitute the text in red with the ID you gave the container. Make sure your container is set to Style 2.

#container-id > .content-box {
    padding: 0px !important;
}

Jan 30, 2013 4:51:12 GMT -8 edr said:

First of all love this plugin Brian, but have a few problems. A couple which were solved just by reading through this thread

My Site

1) I have the 'Global Messages' plugin on my forum/site and wish for the sidebars to start after this. Is that possible at all? I was hoping a simple code would allow me to do this. I tried the code you mentioned here:

2) Thanks to reading through this thread, I have successfully had one of the sidebar boxes have a background image like I had on V4. One small problem, on my V4 code I was able to have the background image be a click-able image link and send members elsewhere on the site. There anyway of doing this?

If you tweak the Move Shoutbox code I linked above just a little bit you can move pretty much anything.

First, you'll want to give the global message container an ID. Go to Plugins > Build > Global Messages and select the Components tab. Change Line 7 to this, then save the plugin:

var container = "<div class=\"globalmsg container\"><div class=\"title-bar\"><h2></h2></div><div class=\"content\" style=\"padding: 10px\"></div></div>";

This will give the global message container a unique class so we can grab it via Javascript.

Now add this to your Global Header:

<script type="text/javascript">
$(document).ready(function() {
$('div.globalmsg.container').insertBefore($('#sidebarr-wrapper'));
});
</script>

And it should move it above all of the other stuff.


To make an entire sidebar container clickable, get the ID and place it in this code, replacing the red text with the appropriate information. This will go in your Global Footer.

<script type="text/javascript">
document.getElementById('container-id').setAttribute('onclick','location.href = "URL GOES HERE";');
document.getElementById('container-id').style.cursor = "pointer";
</script>

[McGani]

Is there a way to get some padding inside the Sidebars, so the text isn't almost touching the edge?

I'm too cautious to experiment on my own xD

Here's my Forum, you'll see what I'm talking about! Thanks in advance! www.slayerettes.boards.net

[Brian]

Jan 30, 2013 10:09:53 GMT -8 McGani said:

Is there a way to get some padding inside the Sidebars, so the text isn't almost touching the edge?

I'm too cautious to experiment on my own xD

Here's my Forum, you'll see what I'm talking about! Thanks in advance! www.slayerettes.boards.net

Try adding this to the bottom of Themes > Colors & Styles > Style Sheet:

#sidebarr-left .pad-all, #sidebarr-right .pad-all { padding: 10px !important; }

Each container has the .pad-all class, which is part of the default V5 CSS that adds padding to most containers. You can change this for just the sidebars by adding that code and changing the text in red to your desired number of pixels worth of padding.

[Brian]

whammyman5: Can you try reimporting the plugin now? The new copy of the plugin should work.

[xLc]

where can i find codes to put in the tables?
i want top 5/10 posters in one

thanks

[McGani]

Brian perfect! Thank you so much, you're #1!

[Brian]

Jan 30, 2013 10:50:13 GMT -8 xLc said:

where can i find codes to put in the tables?
i want top 5/10 posters in one

thanks

That's a custom page widget. It can't be added anywhere other than custom pages as it's not anywhere within the source of other pages.

[xLc]

you've lost me there..

what about other codes?
is there a list somewhere?

[Former Member]

I am having issues with the side tables not wanting to move away from the board. I have the Spacing set at 20 px but nothing.


chrissysplayground.proboards.com/

Thanks
Chrissy

[spiceelicious]

Chrissy, my friend Joan has the same problem on her beta board yet on the converted board works beautifully.

[Brian]

Jan 30, 2013 11:34:07 GMT -8 xLc said:

you've lost me there..

what about other codes?
is there a list somewhere?

Anything that's on every single page of the forum can be added to the sidebar with a code. Otherwise, you can add whatever content you like to the sidebar tables using HTML, CSS, or Javascript.

Jan 30, 2013 12:43:14 GMT -8 @christine1966 said:

I am having issues with the side tables not wanting to move away from the board. I have the Spacing set at 20 px but nothing.

chrissysplayground.proboards.com/

Thanks
Chrissy

If you hover your mouse over the tooltip for the spacing field you'll see it says that's for the spacing "between each object in your sidebar."

You want the Forum Spacing option in the Other Settings tab.

[edr]

Thanks Brian the code to make a sidebar container click-able worked
For future reference, what do I do to make it open in a new window/tab?

The other codes to move the sidebars under the global messages doesn't for some reason. Not sure if I have done something wrong but when I entered the codes the global messages disappeared off my forum.

The first code I put in Plugins > Build > Global Messages > Components, replacing line 7 with it.
The second code I put in my Global Header

Though... was I suppose to change the red text in this first code? I wasn't sure and if so, wasn't sure what to change it to.

var container = "<div class=\"globalmsg container\"><div class=\"title-bar\"><h2></h2></div><div class=\"content\" style=\"padding: 10px\"></div></div>";

My Site

[spiceelicious]

i should have caught that too Chrissy.

[whammyman5]

Jan 30, 2013 10:42:10 GMT -8 Brian said:

whammyman5: Can you try reimporting the plugin now? The new copy of the plugin should work.

I didn't even have to do that; I just went to the site to go reimport it and poof, everything was fixed already ^_^

Thank you...*just in case keeps a copy of the updated plugin.

[Former Member]

Thanks Brian that worked.