Sidebar Redux

[♥ ℒʊ√ ♥]

Yes, Brian, as I said above, I don't want to have a title bar on this particular container.

Is there something I can add to the CSS to add the background and shadow effect? Just putting in the container's ID isn't working.

I really, really don't want a heading on that container.

[Brian]

Jul 6, 2014 11:47:32 GMT -8 ♥ ℒʊ√ ♥ said:

Yes, Brian, as I said above, I don't want to have a title bar on this particular container.

Is there something I can add to the CSS to add the background and shadow effect? Just putting in the container's ID isn't working.

I really, really don't want a heading on that container.

Like I said, Style 2 uses different CSS selectors. You'll need to either duplicate the existing CSS and change .content to .content-box or you'll need to change the existing selectors to address both at the same time, then add a new selector that adds or removes any unnecessary borders from .content-box elements.

[♥ ℒʊ√ ♥]

Lol, it almost sounds easier to add the heading.

The odd thing is it's reading certain CSS, Brian. If you hover over it, it will swing out. That's why I'm confused. If it ignored everything, it makes more sense.

[♥ ℒʊ√ ♥]

Brian, that was actually simple enough. Where the code worked, I kept it the way it was. Where it didn't I added the .content-box for that code only.

Thank you!

[fluffysauce]

I love this plugin. However, I was wondering if it would be possible to move the proboards shoutbox to it. Just an idea, because I love the fact the sidebar can scroll too. -Thanks

[♥ ℒʊ√ ♥]

Just add this to one of the sidebar containers, fluffysauce ~

<div id="move-shoutbox"></div>

And add this in your Global Footer.


<script type="text/javascript">

$(document).ready(function() {
     $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>


[Brian]

Jul 10, 2014 14:23:18 GMT -8 fluffysauce said:

I love this plugin. However, I was wondering if it would be possible to move the proboards shoutbox to it. Just an idea, because I love the fact the sidebar can scroll too. -Thanks

Absolutely. You can follow the steps in this post from earlier in the thread.

support.proboards.com/post/5378456

[fluffysauce]

Thanks a million!

[geros]

Hello guys, I've been trying to putt some stuff into sidebar. The only thing I succeeded was Flag counter (they give you the code ready)

I basically wanna learn how to create this puu.sh/a74TQ/4276731500.png
This puu.sh/a74ZE/2809892979.jpg
And a simple calendar puu.sh/a74FN/2a823a7ceb.png

Can someone please make them and explain how they work? also I cannot find any webpage with basic explaining all of this. I would like to learn how to do stuff on my own, recommend me where to start?

Thanks in advance

[Lupa]

Hey there, I looked through a lot of the pages but I didn't see this question. I'm new to coding and I wondered what code would be necessary to make the global header have the same background as the side bars? Thanks!

[geros]

I'll joust assume that I am asking too much >_>

[Brian]

Jul 11, 2014 12:21:05 GMT -8 geros said:

Hello guys, I've been trying to putt some stuff into sidebar. The only thing I succeeded was Flag counter (they give you the code ready)

I basically wanna learn how to create this puu.sh/a74TQ/4276731500.png
This puu.sh/a74ZE/2809892979.jpg
And a simple calendar puu.sh/a74FN/2a823a7ceb.png

Can someone please make them and explain how they work? also I cannot find any webpage with basic explaining all of this. I would like to learn how to do stuff on my own, recommend me where to start?

Thanks in advance

The three items in your screenshots wouldn't be possible to place into the sidebar as there's no way to grab that data on every page. Sorry, geros.

Jul 12, 2014 11:28:36 GMT -8 Lupa said:

Hey there, I looked through a lot of the pages but I didn't see this question. I'm new to coding and I wondered what code would be necessary to make the global header have the same background as the side bars? Thanks!

The sidebars use the same container classes as the rest of the forum. So if you wanted a container in your global header that also adopted your theme colors like the sidebar does you could use this HTML.

<div class="container">
<div class="title-bar"><h2>Title goes here</h2></div>
<div class="content pad-all">
Your content goes here
</div>
</div>

Jul 13, 2014 1:43:10 GMT -8 geros said:

I'll joust assume that I am asking too much >_>

I only work Sunday - Thursday. I seldom check on this thread on my weekends.

[geros]

Isn't there a general knowledge "useful and nice sidebar information" or something somewhere? xD

[Brian]

Jul 14, 2014 5:08:41 GMT -8 geros said:

Isn't there a general knowledge "useful and nice sidebar information" or something somewhere? xD

Just about every HTML/Javascript code you can find can be used in the sidebar so I never felt the need to make something like that.

Most of the common questions I've gotten are either part of the first post of this thread or part of the FAQ tab of the sidebar's settings page.

[Julian D]

Hey Brian. Honestly, not sure if the question really goes here, but it does relate to the side bars.

So here's what's going on. If I'm looking at a page with the side bars turned on, if I resize or zoom in the sidebars are given a different priority than the rest of the page. For example, if I zoom in, rather than everything being made bigger and (at some point ) I would have to use the slide bar to move over to see what's on one side or the other, the 'viewing area' is maintained (ie no slide bar for extra 'room'), while the side bars will expand in a way that takes over the content area. Similarly when the window size is reduced, the image area shrinks, squishing the content area (first). Actually the same thing appears to happen on this forum, without the side bars...

What I'm wondering is, is there a way to alter coding so that the side tables, and content area are treated equally, and rather than everything reforming to try to fit into the window dimensions, that it would maintain the integrity of the page, and give the side scroll bar instead?