How to put in collapsible header like vBSEO.com?

[RockyG]

Hi,

I am trying to get a collapsible header, like that have over at http://www.vbseo.com, the collapsible part isnt that important though. I like how it goes all the way across the screen while the forum is narrow.

My site is luciditylounge.com.

I asked them over at vbseo and they said it is just an "absolutely positioned div with some jquery show/hide triggers on it. ".

I thought I could do it, but am having a little trouble. I thought I would ask here, as they are about seo and not customizations.

I dont even know what css file to use. I dont know what file to put the code in, header, headerinclude, or what. I am not entirely sure of how to create the code either. I created an image to use, about the same as theirs.

Is there anyone here that could explain it a little? I once added a 'floating' tweet button to my site, so I thought it might be the same, but that was just a normal html page and I knew the css file it was using. But this is really confusing!

Any help is appreciated!
Rocky