Welcome to WebmasterWorld Guest from 54.163.40.152

Forum Moderators: coopster & jatar k

Message Too Old, No Replies

Create a FB type bar at the bottom of the screen

creating a static bar at the bottom of the page

     

brettxw

6:33 am on Feb 15, 2011 (gmt 0)



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

7:02 am on Feb 15, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

7:22 am on Feb 15, 2011 (gmt 0)



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

7:59 am on Feb 15, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

omoutop

8:14 am on Feb 15, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

Matthew1980

8:35 am on Feb 15, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



>>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

9:19 am on Feb 15, 2011 (gmt 0)



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

11:17 pm on Feb 15, 2011 (gmt 0)



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

1:19 am on Feb 16, 2011 (gmt 0)



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!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month