Create a FB type bar at the bottom of the screen

creating a static bar at the bottom of the page

[brettxw]

I'm not to sure if this is done with PHP so I am taking a chance by posting in here. If it's not the right place I apologize.

Anyways, how would I create a bar at the bottom of the screen where I can put certain types of information in there such as Youtube, FB, Twitter icons and what not..AND that remains in place even if the user scrolls down.

Any help would be appreciated,

Thanks!

PS, if I can, I would like to do this with out 3rd party applications to install that are "free" but require their branding on the bar.

[omoutop]

this is pure css - perhaps some javascript also

what you need is a sticky footer at the bottom of screen (not on content area).

[brettxw]

So all I have to do is create a bar with CSS (which I can do)? How would I go about making it a "sticky"?

[koan]

Just make sure to put a X so users can close it, as it is considered annoying.

[omoutop]

brettxw there are countless tutorials on making sticky footers. Do some searching/reading

[Matthew1980]

>>brettxw there are countless tutorials on making sticky footers. Do some searching/reading

I must admit, I can't stand these things, to me they are intrusive and annoying, and now I know what they are called I will be sure to ignore them. Fluidity of design, and continuity are the basic key elements of any website, surely you want your navigational content kept in one area, and not spread everywhere, as koan states, at least give the user the option of showing/hiding.

But just for curiosity, I did google this topic, and there are loads of tutorials out there that explain this in detail.

Cheers,
MRb

[brettxw]

Will google it! I wasn't sure of what it was exactly called but now that I do I can research it! I'll also be sure to allow viewers to be able to close it if they wish. Thanks guys!

[brettxw]

I have been searching all over for Sticky Footers and I am not sure if this is what I am looking for. All these sticky footers just keep the footer at the bottom of the screen no matter how large or small the screen is. That does not produce something similar to the Facebook chat bar how it remains visible even if you scroll up or down.

[brettxw]

Well after some playing around with my CSS...I thought I would change my network bar at the top of my site (updateyourblackberry.com) 'position: fixed; ' and low and behold it worked! So all I have to do is just create a div at the bottom and I'm good to go!