Tutorial Blog

Web Design Elements : Footers

March 13, 2007 by Oli · 11 Comments Post to TwitterPost to Yahoo BuzzPost to DiggPost to RedditPost to StumbleUpon




The footer of your website no longer has to be a line with copyright information underneath it. It can be a source of further reading for blogs – List your favorite posts or latest posts there. Companies can include mission statements, contact details and other relevant info. Today more and more designers are carrying on the design into footers and here we present you with tutorials and examples of good footer designs…


Exploring Footers – This article explores the ways you can position footers using web standards, although the same techniques may be used to vertically position other elements

. 120.jpg


Bye Bye to Boring Page Footers – Simon Collison shows you how to sign off with style by adding a quirky footer to your site, using some nifty CSS and a background image

. 214.jpg


footerStickAlt: A more robust method of positioning a footer – Recently I’ve been asked to code up a few sites that require the Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page whichever is visually lowest.

310.jpg


Embrace your bottom! - I mentioned this idea briefly when I posted about the recent redesign, but I wanted to expand it further. Web designers of the world, let’s talk about your bottoms.

510.jpg


Practical Footers – The bottom of the page is a decision point for visitors to your site. They will either decide to continue browsing your site, or leave.

410.jpg


WEB 2.0 Footers – How to keep people’s flow - One thing I’ve noticed recently is how some websites have decided to use footers as a way to keep people browsing their website.

69.jpg


Footers are the new sidebars? - It’s dangerous to expect scrolling so placing important links exclusively at the bottom of the screen seems a bit dicey.

76.jpg


Putting CSS Footers in Their Place – One of the most difficult things I’ve encountered in CSS layouts is footers. They’re hard to understand, and even when you do figure them out, that doesn’t guarantee you’re always going to know how to get them to behave.

89.jpg


Now we have seen some techniques and looked at the theory behind footers, lets have some eye candy! Here I have dugg out some nice examples of footers….


Simplebits

95.jpg


ArtyPapers

104.jpg


Score Reviews

1111.jpg


DaVinci Gourmet

124.jpg


Stock Temple

133.jpg


RenegadeZen

144.jpg


Corkd

153.jpg


Cameron Moll

162.jpg


Veerle’s Blog

172.jpg


PR Blogger

182.jpg


Generation Church

192.jpg


Dale Harris

202.jpg


EvoArt

215.jpg


Ungarbage

223.jpg


Electric Pulp

232.jpg


Expression Engine

242.jpg


Erika Greco

251.jpg


The Curtis

261.jpg


Portfolio Grillo

271.jpg


Ben and Jerrys France

281.jpg


Immovaro

291.jpg


Revolucao

30.jpg


Someone looking for hosting services need to read hosting reviews. These reviews give the true picture of different hosting plans and related features. Here one can easily find cheap hosting services. Basically the comparison among hosts is made on the basis of features and marketing tools. Normally these reviews are written by IT specialists having basic certifications like Microsoft certification and oracle certification.




Comments

11 Responses to “Web Design Elements : Footers”
  1. zimmi - http://www.zimmi.cz says:

    It was strange, when I first saw a footer with all the Flickr photos, Last.fm tracks and plenty of information. But it was sort of nice.

    Now, with rising of web 2.0, you see exactly the same footers on all websites. It becomes more and more boring.

  2. Zachary - says:

    yes, boring … all over the web a lists of footers, headers, wordpress designs, ….

  3. zimmi - http://www.zimmi.cz says:

    Zachary: A few first “Web 2.0″ footers were interesting, innovative, but when you saw tons of identical footers… you know, internet is about uniqueness. They wanted to be unique and different, but now they are all the same.

    And wordpress… I am sick of the default template which is used on every second blog.

  4. Will - http://www.evoart.info says:

    Thanks for featuring my footer here. :D .

  5. Woody (Ben & Jerry's France) - http://www.benjerry.fr/blog/ says:

    thanks for the link ! :)

  6. Izmir Tasarim - http://www.pozitifweb.com says:

    Thanks for helpful information you catch up us with your instructional explenation.

    What people do is more important that what they say…

    Best regards

  7. WD-NYC designer - http://www.webdesignnewyork.ws says:

    I will use that to build my future footers

  8. John - http://www.smallcapcrunch.com says:

    Great content! Maybe it’s time to update the tutorialblog.org footer???

  9. suzie - http://www.tutsbuzz.com/en.html says:

    thanks, great…

  10. Karim - http://googleasens.blogspot.com/ says:

    thanks man

Tutorial Blog