26 pager styles from around the web (css, images and html)

October 27, 200816 Comments
Facebook Twitter Pinterest Plusone

After having a few projects recently that needed pagers for datatables in ASP.NET – I decided to trawl through a few sites looking for some alternative pager styles. Smashing Mag had a great article on paging – but alas no css or HTML to be seen. Hopefully this will be a useful resource for you guys who haven’t already seen how to go about creating a pager using CSS and HTML. I’ll be continually updating this post with interesting pagers as I find them on my travel’s.

Yahoo Site Explorer

Download css and html file

Digg

Download css and html file

Delicious

Download css and html file

Flickr

Download css and html file

Facebook

Download css and html file

Amazon

Download css and html file

Design Bump

Download css and html file

WP-Page-Navi

Download css and html file

Free CSS Templates

Download css and html file

Subcide

Download css and html file

Erweiterungen.de

Download css and html file

Computer Love

Download css and html file

Bildblog.de

Download css and html file

Empressr

Download css and html file

PC World

Download css and html file

ttIQQ

Download css and html file

UX Magazine

Download css and html file

Wykop.pl

Download css and html file

Wikio

Download css and html file

Meneame

Download css and html file

Yahoo Answers

Download css and html file

Tutorial Garden

Download css and html file

Pixsy

Download css and html file

Drupal

Download css and html file

LittleWoods

Download css and html

Ulf Thesis

Download css and html

Filed in: Web Design
Tagged with:

About the Author ()

Paul is a regular 30 year old web bloke / programmer with a penchant for online marketing. This blog is a personal outlet, with an eclectic mix of articles.

Comments (16)

Trackback URL | Comments RSS Feed

Sites That Link to this Post

  1. Whether you downloaded your | 54apple.com | October 28, 2008
  1. SachinKRaj says:

    I one I liked is having broken link! lolz (Empressr)

    Could you please check the link and update it?

  2. Paul Anthony says:

    Woopsie – sorry Sach, got it fixed there now..sorted.

  3. SachinKRaj says:

    Thanks Paul !!!

    Its working now. :)

  4. Paul Anthony says:

    No worries dude! Glad you got going, and thanks for pointing it out.

  5. SachinKRaj says:

    Another catch :)

    The very first “Yahoo site Explorer” is not exactly as shown in screen-shot. Could you please check? I am just making a small effort to test all these beautiful styles. I have downloaded all of the above ;)

  6. Dean says:

    Nice work ripping the HTML CSS :D

  7. Paul Anthony says:

    Hi there Dean. A priviledge to have you here commenting!

  8. KntL says:

    i have build a pager with css but it is different a bit against classic numeric pagers.

    it shows you current page’s title on the pager and on hover, you can see previous and next pages’ titles.

    for details, you can download it from my blog.

    http://kntl.org/css-imageless-but-cool-javascript-and-jquery

  9. Ben says:

    Fantastic work, thank you!

  10. Matt Stevens says:

    Excellent, thanks for posting this! :)

  11. Asela Nuwan says:

    This pagination method i find every ware at internet , i found it here
    i’m very happy for this
    thank you so much

  12. Trudi Boenig says:

    You have an awesome website!

  13. Martin says:

    I like the pagination used by Design Bump, thanks very much for this useful styles.

  14. ali says:

    its exellent .thanx

  15. Abhishek Sarkar says:

    Great work done …

Leave a Reply

Back to Top