Footers that Stay Visible at the Bottom of Your Page
Suppose you have a footer that you want to always be visible at the bottom of the browser window no matter what the user does on that page. Whether they scroll, or resize the browser - you want this footer to stay visible all the time. An example would be the bar across the bottom of most Facebook pages.
This is very similar to the _fixed Layer Naming Convention. However with _fixed, if your user resizes the browser, your _fixed layers will stay 'fixed' relative to the top and left sides of the browser - not the bottom. _footer makes layers that stay 'fixed' relative to the bottom of the browser.
Put things there that you want to be always immediately available to your users, but not attracting their immediate attention. Good things to put in an 'always visible' footer might be a search bar, copyright info, links to Terms of Service or Privacy Statements, maybe a set of links that serve as a site map, or maybe just your logo as a watermark.
It's very easy to do with psd2css Online. Just make a layer in your Photoshop file and name it with the _footer layer naming convention. That's it. That layer will now always stay exactly the same distance from the bottom of the browser as you designed it in the Photoshop file. As with any other psd2css Online layer, you can put other layers inside your _footer layer and they will stay with the footer exactly as you designed it.
One caveat however: Centering. Quite often (more often than not), you'll want your whole page to center in the browser. As you may know, you can get that to happen by making one big background layer (it can even be named with _empty) to serve as a 'container' for your page and name it with the _center Layer Naming Convention. One _center layer with everything else inside it will make a web page that centers in the browser ..... _except_ the _footer layers. This is the one exception. Don't worry, you can get the _footer layer to center too, but you have to give it it's own _center in it's layer name. This is the only situation where you need to use _center more than once for the entire page. The example below includes this rogue _center requirement so you can see what I mean.
This particular example has a number of new features in it besides _footer, so take a look at the other videos for those features too.
The page created in the video is available here: http://psd2cssonline.com/tutorials/vlist1/index.html
The PSD file used to make the tutorial is here: http://psd2cssonline.com/tutorials/vlist1/vlist1.psd