Samples of pagination styling for will_paginate

Samples of pagination styling for will_paginate

Find these styles in "examples/pagination.css" of will_paginate library. There is a Sass version of it for all you sassy people.

Read about good rules for pagination: Pagination 101

Warning: page links below don't lead anywhere (so don't click on them).

Unstyled pagination (ewww!)

« Previous 1 3 4 5 6 7 8 9 29 30

Digg.com

« Previous 1 3 4 5 6 7 8 9 29 30

Digg-style, no page links

« Previous

Code that renders this:

    <%= will_paginate @posts, :page_links => false %>
  

Digg-style, extra content

Displaying entries 1 - 6 of 180 in total
« Previous 1 3 4 5 6 7 8 9 29 30

Code that renders this:

    <div class="digg_pagination">
      <div clas="page_info">
        <%= page_entries_info @posts %>
      </div>
      <%= will_paginate @posts, :container => false %>
    </div>
  

Apple.com store

« Previous 1 3 4 5 6 7 8 9 29 30

Flickr.com

« Previous 1 3 4 5 6 7 8 9 29 30
(118 photos)