Web Design Elements : Footers


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


del.icio.us:Web Design Elements : Footers digg:Web Design Elements : Footers spurl:Web Design Elements : Footers wists:Web Design Elements : Footers simpy:Web Design Elements : Footers newsvine:Web Design Elements : Footers blinklist:Web Design Elements : Footers furl:Web Design Elements : Footers reddit:Web Design Elements : Footers fark:Web Design Elements : Footers blogmarks:Web Design Elements : Footers Y!:Web Design Elements : Footers smarking:Web Design Elements : Footers magnolia:Web Design Elements : Footers segnalo:Web Design Elements : Footers gifttagging:Web Design Elements : Footers

16 Responses »

  1. 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. yes, boring … all over the web a lists of footers, headers, wordpress designs, ….

  3. 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. [...] hacen los buenos diseñadores con los footer, pies de página, de sus páginas? Aqui tienes algunas ideas, para los que como yo no sirven para [...]

  5. [...] segnalazione della serie ispirazioni per i footer è il recentissimo Web Design Elements : Footers su TutorialBlog che oltre a contenere molti screenshot e ispirazioni, presenta anche alcuni [...]

  6. [...] Web Design Elements: Footers Tutorialblog presents a rare feature, footers! [...]

  7. [...] Tutorial Blog nos trae un resumen de artículos relacionados con distintos usos que se le puede al pie de página o footer. [...]

  8. Thanks for featuring my footer here. :D.

  9. [...] may recall earlier this week my CSS nav was featured on Smashing Magazine. Well, Tutorial Blog has featured my footer in an article/tutorial about how the footer has evolved past a simple copyright [...]

  10. thanks for the link ! :)

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

    What people do is more important that what they say…

    Best regards

  12. I will use that to build my future footers

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

  14. [...] that even contain some of the sites most valuable content. You can see a few quick examples of well designed footers over at [...]

  15. thanks, great…

  16. thanks man

Ad-Links

Translate