Samples of pagination styling for will_paginate

Samples of pagination styles for will_paginate

Download these styles: CSS, Sass

Read about good rules for pagination: Pagination 101

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

Unstyled pagination

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

That's horrible. Don't leave your pagination looking like this.

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 class="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)