Sidebar Redux

[Matt [Malfoy250]]

Regular images posted with image tags.

[Brian]

The content is the same as regular text content on your forum, so it can't be changed. What you can do as a workaround is make a <div> and give it a unique class or ID. Then you can change it to act like an image.

So for your avatar for instance, you would place this in your theme's style sheet:

.test-img img { visibility: hidden; height: 100px; width: 100px; }
.test-img {
    background-repeat: no-repeat; background-position: top center; display: inline-block;
    background-image: url('http://i446./qq184/hufflenuffer/magicalmayhem_avatar_zpsab2a1208.png');
}

And in your sidebar, just place any image in the <div> like so:

<div class="test-img">
<img src="http://i446./qq184/hufflenuffer/magicalmayhem_avatar_zpsab2a1208.png">
</div>

As long as there's an image in the div as a placeholder that's resized properly, it should be the same.

[Entris]

Great work Brian, working like a charm, got 2 things i was wondering if it is possible to do though:

1: I would like to be able to exclude guests and certain members from seeing some of the sidebars but not all, like;  bar 1 can be seen by everyone bar 2 is for this membergroup bar 3 is for staff bar 4 is for the other membergroup bar 5 is for everyone that is signed up on the board but not for guests and so on, is that possible?

2: I made a request about getting Boxes/cells next to the banner a while ago but didn't get any responce for it so it doesn't seem to be do able but when I added this plugin I noticed that the first side bar starts aligned with the banner and was wondering if there is a way to get the second sidebar to start further down after the Navtree and newsfader to get the same effect as the request I had as you can see in the link?

If it is too much hassle no worries about it, I will manage to solve it in other ways i think, just got so many ideas in my head that i have no idea where its gona end up lol

Edit: Forgot to add the URL: Our board

[Brian]

Jan 17, 2013 0:39:47 GMT -8 Entris said:

Great work Brian, working like a charm, got 2 things i was wondering if it is possible to do though:

1: I would like to be able to exclude guests and certain members from seeing some of the sidebars but not all, like;  bar 1 can be seen by everyone bar 2 is for this membergroup bar 3 is for staff bar 4 is for the other membergroup bar 5 is for everyone that is signed up on the board but not for guests and so on, is that possible?

2: I made a request about getting Boxes/cells next to the banner a while ago but didn't get any responce for it so it doesn't seem to be do able but when I added this plugin I noticed that the first side bar starts aligned with the banner and was wondering if there is a way to get the second sidebar to start further down after the Navtree and newsfader to get the same effect as the request I had as you can see in the link?

If it is too much hassle no worries about it, I will manage to solve it in other ways i think, just got so many ideas in my head that i have no idea where its gona end up lol

Edit: Forgot to add the URL: Our board

You can hide it visually from certain groups, but I don't think you can hide it in the source unless each box in your sidebar was a direct part of your Layout Templates.

If you want to move the right sidebar down, try adding this to the end of your style sheet:

#sidebarr-right { margin-top: 428px; }

Change that number to whatever works for you. 428px aligned it with your first category for me.

[Entris]

Jan 17, 2013 8:55:30 GMT -8 Brian said:

Jan 17, 2013 0:39:47 GMT -8 Entris said:

Great work Brian, working like a charm, got 2 things i was wondering if it is possible to do though:

1: I would like to be able to exclude guests and certain members from seeing some of the sidebars but not all, like;  bar 1 can be seen by everyone bar 2 is for this membergroup bar 3 is for staff bar 4 is for the other membergroup bar 5 is for everyone that is signed up on the board but not for guests and so on, is that possible?

2: I made a request about getting Boxes/cells next to the banner a while ago but didn't get any responce for it so it doesn't seem to be do able but when I added this plugin I noticed that the first side bar starts aligned with the banner and was wondering if there is a way to get the second sidebar to start further down after the Navtree and newsfader to get the same effect as the request I had as you can see in the link?

If it is too much hassle no worries about it, I will manage to solve it in other ways i think, just got so many ideas in my head that i have no idea where its gona end up lol

Edit: Forgot to add the URL: Our board

You can hide it visually from certain groups, but I don't think you can hide it in the source unless each box in your sidebar was a direct part of your Layout Templates.

If you want to move the right sidebar down, try adding this to the end of your style sheet:

#sidebarr-right { margin-top: 428px; }

Change that number to whatever works for you. 428px aligned it with your first category for me.

Hmmm ok, when you say hide them from certain groups do you mean that i can only chose to hide All the sidebars from Guests/New Members but can be displayed to the rest?

When ever I enter that code to the stylesheet (at the bottom of it) I get this Error message: variable @ ve_posts_code_text_color is undefined so can't see how it will look (although it looked like the whole sidebar was moved down in the preeveiw window on the right).
I would like to move the second sidebar box on both sides below the news fader aligned with the board and have the first sidebar box aligned with the banner
Kinda like this Sidebar box 1 -huge gap that spanns between the bottom of the banner to the top of the board - Sidebar box 2 - sidebar box 3 and so on on both sides, is that doable?

[Brian]

Guests, new members, whatever. The only problem is if someone right-clicks your forum and selects "View Source" they'll be able to see what's in the sidebars even if you hid it. So if any information there was for staff only it wouldn't be confidential once someone looked at your forum's HTML.

You're getting that error due to having an older theme from before we implemented the color customization for the Visual/BBCode post editors. If you follow this guide that error should go away when you mess with the style sheet.

If you'd like to move down a specific container in your sidebar, give it an ID. So for example, if you wanted to move the "Second menu" box in your right sidebar down a bit, you'd go to your plugin settings and type a unique ID into the ID field, like side-menu2. Then in your style sheet you would add:

#side-menu2 { margin-top: 100px; }

The name in red would be whatever you typed as the ID. You can change 100px to whatever distance works for you. Experiment with different numbers until the box is properly aligned.

You can do this for any theme and any container in your sidebar.

[Entris]

Jan 17, 2013 14:01:02 GMT -8 Brian said:

Guests, new members, whatever. The only problem is if someone right-clicks your forum and selects "View Source" they'll be able to see what's in the sidebars even if you hid it. So if any information there was for staff only it wouldn't be confidential once someone looked at your forum's HTML.

You're getting that error due to having an older theme from before we implemented the color customization for the Visual/BBCode post editors. If you follow this guide that error should go away when you mess with the style sheet.

If you'd like to move down a specific container in your sidebar, give it an ID. So for example, if you wanted to move the "Second menu" box in your right sidebar down a bit, you'd go to your plugin settings and type a unique ID into the ID field, like side-menu2. Then in your style sheet you would add:

#side-menu2 { margin-top: 100px; }

The name in red would be whatever you typed as the ID. You can change 100px to whatever distance works for you. Experiment with different numbers until the box is properly aligned.

You can do this for any theme and any container in your sidebar.

Ah ok, no use to restrict them that way then..

Tried to follow your guide and add that code in there and all i got was the same error message when trying to save so only fails all the way for me so guessing im doing something wrong but copied it and pasted it above the "hacks" line like it shows in the pic but no go for me..
Figured that if I convert another copy of our forum it would have all these things in there already so i can just go ahead and alter the sheets right away so waiting for the new copy to be finished.
If the new copy still doesn't have the new codes in it so the sheets can be altered im screwed

Got to get some sleep now so will play with this more tomorrow and see how it goes and get back to you then, tyvm for the help so far, hope I won't have to pesture you much more tomorrow

[Brian]

Jan 17, 2013 14:29:45 GMT -8 Entris said:

Jan 17, 2013 14:01:02 GMT -8 Brian said:

Guests, new members, whatever. The only problem is if someone right-clicks your forum and selects "View Source" they'll be able to see what's in the sidebars even if you hid it. So if any information there was for staff only it wouldn't be confidential once someone looked at your forum's HTML.

You're getting that error due to having an older theme from before we implemented the color customization for the Visual/BBCode post editors. If you follow this guide that error should go away when you mess with the style sheet.

If you'd like to move down a specific container in your sidebar, give it an ID. So for example, if you wanted to move the "Second menu" box in your right sidebar down a bit, you'd go to your plugin settings and type a unique ID into the ID field, like side-menu2. Then in your style sheet you would add:
The name in red would be whatever you typed as the ID. You can change 100px to whatever distance works for you. Experiment with different numbers until the box is properly aligned.

You can do this for any theme and any container in your sidebar.

Ah ok, no use to restrict them that way then..

Tried to follow your guide and add that code in there and all i got was the same error message when trying to save so only fails all the way for me so guessing im doing something wrong but copied it and pasted it above the "hacks" line like it shows in the pic but no go for me..
Figured that if I convert another copy of our forum it would have all these things in there already so i can just go ahead and alter the sheets right away so waiting for the new copy to be finished.
If the new copy still doesn't have the new codes in it so the sheets can be altered im screwed

Got to get some sleep now so will play with this more tomorrow and see how it goes and get back to you then, tyvm for the help so far, hope I won't have to pesture you much more tomorrow

Any new themes you create shouldn't have that problem. No sense in wasting a conversion on it.

[Thaïs]

Hi Brian Brian, I have two tiny questions about this <awesome!> plugin... sorry if they've been asked before... how can I put the shoutbox into one and the calendar into a second one?

Thank you!

Oh, this is the forum 

[Brian]

You can move the shoutbox by following the instructions in this thread.

The calendar is its own page, so it can't be moved.

[Thaïs]

Oh man Brian I literally JUST came across that thread I'll ask any eventual questions over there. Thank you!

[My Name is Billy Moonstone]

Hi Brian

I've switched to your sidebar plugin after chatting to Maiden and yours appearing to be the best to handle my question 1 below

I've had a look through this thread and so hope I'm not duplicating with these questions:

1. Make sidebar fixed when screen is scrolling down

Is it possible for the sidebar to scroll up with the Nav Tree / Banner, but when it hits the top of the screen stay fixed so it's viewable whilst the user is scrolling down the page?

2. Have a title bar on sidebar containers but without any text in the title

I don't have category titles so don't want text titles in the sidebar containers. Only thing is when I leave the title areas blank in the plugin settings, it removes the title bar entirely. Here's my forum so you can see

3. I only want to display the sidebars on the home page

You helped me edit Tim's sidebar to do this and it worked a treat, with the boards filling up the space where the sidebar was automatically on pages other than the home page

Is it possible to do the same with this one?

Thanks Brian, hope it's possible and you can help * beg *

[Brian]

Hey, My Name is Billy Moonstone.

1. Make sidebar fixed when screen is scrolling down
This is possible, but it requires that the sidebar be towards the top of your page when you load it. I can't make it scroll like the pagination bar at the moment (where it stays on the page with you and only scrolls when necessary). I may attempt to work this into the plugin in the future since more than one person has requested it.

2. Have a title bar on sidebar containers but without any text in the title
Normally leaving the field blank works, but since your theme seems to require text to make it work... simply type &nbsp; as the title. This is the same as typing a space, but the browser will force it to render as opposed to typing a space normally and the browser discarding it.

3. I only want to display the sidebars on the home page
Place this code in your Global Header:

<script type="text/javascript">
// Homepage-only Sidebar Redux \\
if(proboards.data('route').name != "home") {
    document.write('<style type="text/css">.sidebarr-left-td, .sidebarr-right-td { display: none; } .sidebarr-center-td { padding: 0 !important; }</style>');
// Safari Browser Fix \\
    proboards.plugin.get('sidebar_redux').settings.left_enabled = 0;
    proboards.plugin.get('sidebar_redux').settings.right_enabled = 0;
}
</script>

[Entris]

Jan 17, 2013 14:34:20 GMT -8 Brian said:

Jan 17, 2013 14:29:45 GMT -8 Entris said:

Ah ok, no use to restrict them that way then..

Tried to follow your guide and add that code in there and all i got was the same error message when trying to save so only fails all the way for me so guessing im doing something wrong but copied it and pasted it above the "hacks" line like it shows in the pic but no go for me..
Figured that if I convert another copy of our forum it would have all these things in there already so i can just go ahead and alter the sheets right away so waiting for the new copy to be finished.
If the new copy still doesn't have the new codes in it so the sheets can be altered im screwed

Got to get some sleep now so will play with this more tomorrow and see how it goes and get back to you then, tyvm for the help so far, hope I won't have to pesture you much more tomorrow

Any new themes you create shouldn't have that problem. No sense in wasting a conversion on it.

Well the code was already in the new version so didn't have to try to fix it myself

I added the code to the style sheet with the names of the second boxes on both sides but when adding a third box that too will have a huge gap to the second box even though i would like to have it just a few pix from box #2.
Would it be possible to add a function that allwos you to set the distance between the boxes?
If not what can I do to only have the gap between the first and second box and then let the rest below the second box have a "normal" gap?

[My Name is Billy Moonstone]

Thanks very much Brian much appreciated

Yes, if you could do the scroll thing one day that would be even better!

Cheers