Sidebar Redux

[Aisuu]

I'm fairly certain I did everything you explained in the first post correctly... However, when I insert any type of text(i.e. a paragraph) the lines are very spaced and it's unattractive. I've tried to fix it, but I can't figure it out. :/

[KingCheddz]

Thanks, been looking for one of these for a while
By a while I just mean today

[nemotvchampion]

Jan 28, 2013 20:10:23 GMT -8 Captain Longstockings! said:

I'm having an issue with the sidebars on my beta forum. The first two tables with content in them keep merging. They'll separate if the second is set to style one instead of two, but it lacks the title bar at the top and just looks like it's been cut in half.

My beta forum can be found here. I am using the 1.3.0 version of the sidebar.

I also had two questions: 1) Is it possible to put some space between the forum and the sidebars like there is on the V4 version of the forum, found here? 2) How do I add background images to the sidebars? I have individual background images for each table in my sidebar on my V4 forum, is it possible to convert that to work on a V5 forum?

Thanks for your time.

For the space between the forum and the sidebars I did: go to the Admin Section then click on Plugins > Manage > Find your Sidebar plugin then click on the plugin. After you do that click on the Left Sidebar Tab > Click on Other Settings tab > Forum Spacing and put in ever how many pixels you want. 

I hope that helps you.

[Brian]

Jan 28, 2013 20:10:23 GMT -8 Captain Longstockings! said:

I'm having an issue with the sidebars on my beta forum. The first two tables with content in them keep merging. They'll separate if the second is set to style one instead of two, but it lacks the title bar at the top and just looks like it's been cut in half and stuck on the bottom of the top table. The bottom two tables are fine.

My beta forum can be found here. I am using the 1.3.0 version of the sidebar.

I also had two questions: 1) Is it possible to put some space between the forum and the sidebars like there is on the V4 version of the forum, found here? 2) How do I add background images to the sidebars? I have individual background images for each table in my sidebar on my V4 forum, is it possible to convert that to work on a V5 forum?

Thanks for your time.

Your containers don't seem to be merging to me. Did you manage to fix it?

To add a background, you can just use CSS on a box you've given an ID. Add this to the bottom of your theme's style sheet in Themes > Colors & Styles > Style Sheet substituting the text in red with the appropriate items.

#your-custom-id > .content-box {
    background-image: url('URL TO IMAGE');
    background-position: center;
    background-repeat: no-repeat;
}

[Brian]

Jan 29, 2013 13:04:08 GMT -8 Captain Longstockings! said:

The background images work, so at least that's one less worry. Thank you so much!

And no, I didn't manage to separate the merged containers. The first one should end after the forum navigation dropdown menu, and the second container should have the two staff banners. I use Google Chrome as my main browser, but I checked it in the most recent version of IE and I see the same thing that I do in Chrome - the two top containers merge while the bottom two are fine.

Also, is there a way that I can set a fixed length for the sidebar containers?

Oooohhhhh, okay. I see what happened. Change welcome to a different ID. welcome is already in use by the "Welcome User. Logout" message.

Do you want each container in the sidebar to have a fixed length, then when they exceed that length they have scrollbars? If not, please clarify what you'd like them to be like.

[Brian]

You should just be able to add height: 275px; on another line in the same CSS for each of the containers.

Each container has 5px of padding on it from the pad-all class, which is causing your banner images (and everything else the same width as the containers) to move to the right by 5 pixels and cut off when they reach the end of the container. To get rid of this padding, add this to each applicable box's CSS.

padding: 0px !important;

[Brian]

Jan 29, 2013 2:02:16 GMT -8 Aisuu said:

I'm fairly certain I did everything you explained in the first post correctly... However, when I insert any type of text(i.e. a paragraph) the lines are very spaced and it's unattractive. I've tried to fix it, but I can't figure it out. :/

Can you link to an example of this?

[Brian]

Jan 29, 2013 16:23:15 GMT -8 Captain Longstockings! said:

Jan 29, 2013 16:03:30 GMT -8 Brian said:

You should just be able to add height: 275px; on another line in the same CSS for each of the containers.

Each container has 5px of padding on it from the pad-all class, which is causing your banner images (and everything else the same width as the containers) to move to the right by 5 pixels and cut off when they reach the end of the container. To get rid of this padding, add this to each applicable box's CSS.

I'm sorry, where do I edit? I'm still pretty lost with the new admin CP atm. Where do I add those codes?

The same place you added the other codes, which was in Themes > Colors & Styles > Style Sheet.

[Brian]

Jan 29, 2013 17:08:25 GMT -8 Captain Longstockings! said:

Any specific place in the style sheet, or can I just add them to the bottom like you said to do with the background image code?

I always recommend the bottom, as that overrides any rules that were previously set by the style sheet (unless they're marked as !important).

[whammyman5]

Okay, I'm sorry, but I honestly can't figure out how I'm supposed to get the sidebars to match up with the banner. I've read through the thread and I just can't figure it out. If it's supposed to be the "Move Banner" thing, that's not doing anything at least from what I can see.

Everything else worked fine once I figured it out, but I just can't get that to work and I'm completely lost =P.

Forum v4
Forum v5

[whammyman5]

Yep, it's set to that. Nothing changed as far as I could tell. And I have no other plugins so something else is going on.

[Brian]

Jan 29, 2013 18:30:45 GMT -8 whammyman5 said:

Okay, I'm sorry, but I honestly can't figure out how I'm supposed to get the sidebars to match up with the banner. I've read through the thread and I just can't figure it out. If it's supposed to be the "Move Banner" thing, that's not doing anything at least from what I can see.

Everything else worked fine once I figured it out, but I just can't get that to work and I'm completely lost =P.

Forum v4
Forum v5

This appears to be an issue with recent changes made on our end. The link to the Javascript file that part of the code is in gives a 404 page. I'll bring this up with the devs when I go to work so it can get fixed right away.

Jan 29, 2013 18:49:32 GMT -8 Captain Longstockings! said:

Jan 29, 2013 18:24:46 GMT -8 Brian said:

I always recommend the bottom, as that overrides any rules that were previously set by the style sheet (unless they're marked as !important).

Oh, one last quick question - how might I go about centering the content of the containers vertically?

Thank you so much for all your help Mr. Ordonez, you're a forum-saver.

Try doing this in all of your containers:

<table style="height: 100%;"><tr><td valign="middle">

(content goes here)

</td></tr></table>

Surrounding your content with a table that has middle vertical alignment should do the job.

[hotwheelsclubph]

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

[edr]

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:

Jan 25, 2013 23:09:55 GMT -8 Brian said:

To align your sidebar with the Emergencies category, go into Themes > Colors & Styles > Style Sheet and paste this at the bottom:

#side-info { margin-top: 206px; }

Then go into your plugin settings and in the ID field for your information box, enter side-info and save the plugin.

But all it did was this:
Which to be honest, that type of code probably wouldn't work even if it did what I wanted due to the fact I have a Global Message on the home page for guests only and then another one just for members/users once they have signed in.

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?

[Former Member]

I am a little, No alot confused on this and reading the back posts make me even more lost.
I installed the plugin and have set my left bar side spacing to 20 px but they are hugging my board.
Also I would like to have everything centered if that is possible.

chrissysplayground.proboards.com/

Thanks
Chrissy