Floating Horizontal Bar

[scrimpy]

Site: aeonskins.boards.net/index.cgi

I know we have floating side bars; however, I am wanting a horizontal bar that will float with the site as you scroll down. Additionally, I am wanting to toggle our c-box down like a drop box? 

Thanks!

Happy Belated Easter!

[Tumbleweed]

Where do you want the horizontal bar and where the cbox?

[scrimpy]

I want the horizontal bar to float with the site. I would like the cbox to go in the bar. then members may toggle the c-box.


Thanks!

[Tumbleweed]

Hopefully, when you say floating you mean it stays in sight even if you scroll your forum? Also when I asked where you want it floating I meant on the right, the left, across the whole page, etc. What I'm giving you floats on the left so put it in your global headers the border you have.

<style>

.side_panel{

position: fixed;

top: 100px;

left: 0px;

width: 204px;

background-color: #665566;

z-index: 1;

_position:absolute; 

_top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 

}

#side_bar{

width: 200px;

background-color: #554455;

text-align: center;

padding: 2px;

}

#side_bar a{

color: #ffffff!important;

}

</style>

<div class="side_panel">

<div id="side_bar">

<a href="Javascript:void(0);" onclick="toggle('element_id');">Show C-box</a>

</div>

<div id="element_id" style="display:none;">

Cbox goes here

</div>

</div>

And then go here for the javascript part of the "Expand/Collapse Content with Memory". Again, just the javascript part and put it below what I gave you above.

If you want it on the right put everything in your footers and below the closing border code you have. Then change this line in the css to say right:

left: 0px;

Make sure it does not cover the ads as that is breaking ProBoards TOS by adjusting the top position.

top: 100px;