Sidebar Redux

Emerald Full Member Hello there. Posts: 522 Emerald inherit Female 208888 0 Jan 5, 2018 9:59:16 GMT -8 Emerald Hello there. 522 Full Member May 2014 emeralddaff	Sidebar Redux May 10, 2014 11:12:26 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Emerald on May 10, 2014 11:12:26 GMT -8 Hi! I would like to ask, is it possible to put the built-in Proboards shoutbox on a sidebar? The one that you can configure in the admin settings? Thanks

Joachim Full Member Shhh, can't see me. Posts: 905 Joachim inherit 23771 0 Nov 18, 2012 17:23:23 GMT -8 Joachim Shhh, can't see me. 905 Full Member April 2004 izaeah	Sidebar Redux May 10, 2014 18:48:04 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Joachim on May 10, 2014 18:48:04 GMT -8 Emerald You'll want this thread: support.proboards.com/thread/433242/script-move-shoutbox

Emerald
Full Member

Hello there.

Posts: 522

Sidebar Redux May 11, 2014 2:10:03 GMT -8

Quote

Post by Emerald on May 11, 2014 2:10:03 GMT -8

May 10, 2014 18:48:04 GMT -8 Joachim said:

Emerald
You'll want this thread:
support.proboards.com/thread/433242/script-move-shoutbox

Thanks. Just one question:

I installed this recent threads plugin. Seeing as it's not actually part of this plugin, I don't really know how to make it go up to the top of the board. Any solutions?

Brian
Support Helper

Posts: 48,130

Sidebar Redux May 11, 2014 8:16:34 GMT -8

Quote

Post by Brian on May 11, 2014 8:16:34 GMT -8

May 11, 2014 2:10:03 GMT -8 Emerald said:

May 10, 2014 18:48:04 GMT -8 Joachim said:

Emerald
You'll want this thread:
support.proboards.com/thread/433242/script-move-shoutbox

Thanks. Just one question:

i60.tinypic.com/2rduj5u.png

I installed this recent threads plugin. Seeing as it's not actually part of this plugin, I don't really know how to make it go up to the top of the board. Any solutions?

Do you want it at the top of the sidebar or the top of the board?

If you want it at the top of the sidebar you can add this to your forum's Global Header.

<script type="text/javascript"> $(document).ready(function(){ $('#RT-Master').prependTo('#sidebarr-right'); }); </script>

Help improve the Plugin Library!

azn
New Member

Posts: 25

Sidebar Redux May 11, 2014 21:44:38 GMT -8

Quote

Post by azn on May 11, 2014 21:44:38 GMT -8

Hi,

I am having an issue with putting a table in the side bar.

It works fine but when I add a color to the border, the border of the whole forum inherits it.

This is the table code I have added to the side bar.

Is there a way to just change the border color for the table within only the side bar box?

Thanks

<head>

<style>

table,td,th

{

border:2px Solid Black;

}

table

{

width:100%;

}

th

{

height:50px;

}

td

{

text-align:center;

}

</style>

</head>



<body>

<table>

<tr>

<th>Test Heading</th>

</tr>

<tr>

<td>Test</td>

</tr>

</table>

</body>

Emerald
Full Member

Hello there.

Posts: 522

Sidebar Redux May 12, 2014 6:30:15 GMT -8

Quote

Post by Emerald on May 12, 2014 6:30:15 GMT -8

May 11, 2014 8:16:34 GMT -8 Brian said:

May 11, 2014 2:10:03 GMT -8 Emerald said:

Thanks. Just one question:

i60.tinypic.com/2rduj5u.png

I installed this recent threads plugin. Seeing as it's not actually part of this plugin, I don't really know how to make it go up to the top of the board. Any solutions?

Do you want it at the top of the sidebar or the top of the board?

If you want it at the top of the sidebar you can add this to your forum's Global Header.

<script type="text/javascript"> $(document).ready(function(){ $('#RT-Master').prependTo('#sidebarr-right'); }); </script>

Hmm... Tried that, doesn't work. (top of the sidebar, please) Thanks in advance.

Brian
Support Helper

Posts: 48,130

Sidebar Redux May 12, 2014 8:11:06 GMT -8 azn likes this

Quote

Post by Brian on May 12, 2014 8:11:06 GMT -8

May 11, 2014 21:44:38 GMT -8 azn said:

Hi,

I am having an issue with putting a table in the side bar.

It works fine but when I add a color to the border, the border of the whole forum inherits it.

This is the table code I have added to the side bar.

Is there a way to just change the border color for the table within only the side bar box?

Thanks

There shouldn't be any <head> or <body> tags in your code. Those are only ever to be used once in the entire document and already exist in their proper place in your Forum Wrapper template. They serve no purpose elsewhere.

Your CSS is telling the page to add a border to every <td>, <tr>, and <table> element on the page, not just that one. Add a class to your table.

<table class="your-class"> <thead> <tr> <th>Test Heading</th> </tr> </thead> <tbody> <tr> <td>Test</td> </tr> </tbody> </table>

Then use that class in your CSS to address only that table.

<style type="text/css"> .your-class td { border: 2px solid black; } </style>

Help improve the Plugin Library!

Brian
Support Helper

Posts: 48,130

Sidebar Redux May 12, 2014 8:20:15 GMT -8

Quote

Post by Brian on May 12, 2014 8:20:15 GMT -8

May 12, 2014 6:30:15 GMT -8 Emerald said:

May 11, 2014 8:16:34 GMT -8 Brian said:

Do you want it at the top of the sidebar or the top of the board?

If you want it at the top of the sidebar you can add this to your forum's Global Header.

Hmm... Tried that, doesn't work. (top of the sidebar, please) Thanks in advance.

Okay, new idea!

Go to the sidebar plugin's settings and add a new content box to it. Set its title to Recent Threads and set its ID to move-rt, then make sure it's set as a Style 2 container.

Next, go to the Recently Updated Threads Sidebar plugin's settings and change the container ID it moves it to from sidebarr-right to move-rt.

Finally, remove the previous code I gave you for your Global Header and replace it with this.

<script type="text/javascript"> $(document).ready(function(){ $('#move-rt').css('margin-bottom',0).children('.content-box').remove(); }); </script>

Help improve the Plugin Library!

Emerald
Full Member

Hello there.

Posts: 522

Sidebar Redux May 13, 2014 1:41:28 GMT -8 Brian likes this

Quote

Post by Emerald on May 13, 2014 1:41:28 GMT -8

May 12, 2014 8:20:15 GMT -8 Brian said:

May 12, 2014 6:30:15 GMT -8 Emerald said:

Hmm... Tried that, doesn't work. (top of the sidebar, please) Thanks in advance.

Okay, new idea!

Go to the sidebar plugin's settings and add a new content box to it. Set its title to Recent Threads and set its ID to move-rt, then make sure it's set as a Style 2 container.

Next, go to the Recently Updated Threads Sidebar plugin's settings and change the container ID it moves it to from sidebarr-right to move-rt.

Finally, remove the previous code I gave you for your Global Header and replace it with this.

<script type="text/javascript"> $(document).ready(function(){ $('#move-rt').css('margin-bottom',0).children('.content-box').remove(); }); </script>

Oh, thank you so much! It worked!

Supernatural: Unforgiven
v5 Beta Tester

"I'll man the flashlight"

Posts: 155

Sidebar Redux May 19, 2014 0:42:11 GMT -8

Quote

Post by Supernatural: Unforgiven on May 19, 2014 0:42:11 GMT -8

Site Url: spnunforgiven.proboards.com/

Hi there. Revamping and old site. Having a bit if trouble with the sidebar plug in.

If you look at the site you can see I have a welcome image and then under that another box for some welcome text.

The thing is... 1. I want the boxes to be the same width and it looks like the text box is wider than the image box. 2. I would like the text box to be right under the image box with no space between them.

I've tried various things with padding and margins but I guess I'm doing it in the wrong spots.

I was also having trouble getting the text box background to change color but I believe I solved that, though it may not be the "correct" resolution.

I added the following to the bottom of my CSS code:

/* Custom added code */
#sidebarl1 > .content-box {
background-color: #222222;
width: 200px;
margin-top: 0px;
margin-right: 0px;
padding: 0px;
}
#sidebarimg1 { width: 200px; margin-bottom: 0 !important; }

and sidebarl1 is the ID name for the 2nd sidebar box and sidebarimg1 is the ID name for the 1st sidebar box.

I hope that makes some sense. I've been working on this for hours and my brain is scrambled. I know it has to be something easy I'm missing but I just can't find it.

Supernatural: Unforgiven RPG - Linkage

Supernatural: Unforgiven
v5 Beta Tester

"I'll man the flashlight"

Posts: 155

Sidebar Redux May 19, 2014 2:01:21 GMT -8

Quote

Post by Supernatural: Unforgiven on May 19, 2014 2:01:21 GMT -8

Ok, I think I fixed it. It might not be done properly but it seems to be working.

I put this at the bottom of my CSS:


/* Custom added code */

.sidebarr-main .content-box {
  padding: 0px !important;
  border-radius: 0px;
  
}


#sidebarl1 > .content-box {
    background-color: #222222;
    width: 180px; 
    margin-top: -5px;
    text-align: justify;
    padding: 10px !important;
}

Supernatural: Unforgiven RPG - Linkage

Brian
Support Helper

Posts: 48,130

Sidebar Redux May 19, 2014 8:59:59 GMT -8

Quote

Post by Brian on May 19, 2014 8:59:59 GMT -8

Supernatural: Unforgiven, .sidebarr-main addresses the table that holds both the sidebars and the content in the middle so your forum's regular content boxes will also be affected by that line. If you want to address only the sidebar content boxes you can use #sidebarr-left .content-box and #sidebarr-right .content-box as your selectors.

Just thought I'd mention that since you seem to be worried about doing it properly.

Last Edit: May 19, 2014 9:00:17 GMT -8 by Brian

Help improve the Plugin Library!

eaglescout
New Member

Posts: 2

Sidebar Redux May 20, 2014 12:09:43 GMT -8

Quote

Post by eaglescout on May 20, 2014 12:09:43 GMT -8

I'm new to running forums and using plugins and I'm not sure how to add other plugins to the sidebar. What I want to do is put the Recently Updated Threads Sidebar inside the Sidebar Redux. Any help would be greatly appreciated.

Thanks

Brian
Support Helper

Posts: 48,130

Sidebar Redux May 20, 2014 12:11:15 GMT -8 eaglescout likes this

Quote

Post by Brian on May 20, 2014 12:11:15 GMT -8

May 20, 2014 12:09:43 GMT -8 eaglescout said:

I'm new to running forums and using plugins and I'm not sure how to add other plugins to the sidebar. What I want to do is put the Recently Updated Threads Sidebar inside the Sidebar Redux. Any help would be greatly appreciated.

Thanks

The support thread for that plugin shows how to do it.

Additionally, there was a post made by me earlier on this very page that explains how to choose where in your sidebar you'd like it to be.

support.proboards.com/post/5851732

Help improve the Plugin Library!

eaglescout New Member Posts: 2 eaglescout inherit Male 209424 0 May 26, 2014 4:47:52 GMT -8 eaglescout 2 New Member May 2014 eaglescout	Sidebar Redux May 20, 2014 12:20:51 GMT -8 Brian likes this Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by eaglescout on May 20, 2014 12:20:51 GMT -8 I had a feeling my question was probably already answered but at 74 pages I had no idea where to start looking. Thanks for the help.

Post by Emerald on May 10, 2014 11:12:26 GMT -8

Post by Joachim on May 10, 2014 18:48:04 GMT -8

Post by Emerald on May 11, 2014 2:10:03 GMT -8

Post by Brian on May 11, 2014 8:16:34 GMT -8

Post by azn on May 11, 2014 21:44:38 GMT -8

Post by Emerald on May 12, 2014 6:30:15 GMT -8

Post by Brian on May 12, 2014 8:11:06 GMT -8

Post by Brian on May 12, 2014 8:20:15 GMT -8

Post by Emerald on May 13, 2014 1:41:28 GMT -8

Post by Supernatural: Unforgiven on May 19, 2014 0:42:11 GMT -8

Post by Supernatural: Unforgiven on May 19, 2014 2:01:21 GMT -8

Post by Brian on May 19, 2014 8:59:59 GMT -8

Post by eaglescout on May 20, 2014 12:09:43 GMT -8

Post by Brian on May 20, 2014 12:11:15 GMT -8

Post by eaglescout on May 20, 2014 12:20:51 GMT -8