10 Great CSS Star Raters

by on 2nd August 2007 with 8 Comments

People need a way to know what’s great and what isn’t on the web – so rating systems have been around for a long time. Here is a collection of 20 fantastic CSS star rating tools to integrate into your own website.

We’ve tried to include a star rating script for each blogging or coding platform out there.

1. Creating a star rater using CSS

Creating a star rater using CSS

Can you create a star rating using only CSS. I’m talking the kind that when you hover over the 4th star, there are four stars that show up on the hover state. Well, I’m glad you asked because that is just the question I intend to answer.

2. CSS Star Rating Part Deux

Creating a star rater using CSS 2

Explaining how to create a star rating system with state, and more advanced features.

3. Unobtrusive AJAX Star Rating Bar

Unobtrusive AJAX Star Rating Bar

This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. It is a major improvement on the previous version because it is now unobtrusive, meaning that if Javascript is off it will still work (although the page will refresh).

4. Movable Type AJAX Rating Plugin

Movable Type AJAX Rating Plugin

Ajax Rating is a plugin for Movable Type that enables visitors to rate your entries or your blog. There is also a ‘pro’ commercial version with more features if you desire.

5. Textpattern AJAX Rating System

6. WordPress Post Rating System

7. CSS Star Matrix

8. CSS Star Rating System (check out the source code)

9. Ruby on Rails Star Rating

10. ASP Powered Star Rater

Comments & Discussion

8 Comments

  • Kieren

    Some of these are very similar, but nice resource. Good to have them all in one place. I use the unobtrusive one – number 3.

  • http://www.r2rprofits.com/about.html Roadmap to Riches

    I was always wondering how these were done. Thanks!

  • http://www.dieselstation.com Car Pictures

    Awesome collection. Exactly what I was looking for.. Thanks.

  • honey

    good thing you have a list here..

  • http://www.cheapleafletprinters.com Cheap Printing

    stars look awesome, i used them for my printing site to show how good our printing services were.

  • http://www.2keysgames.com 2keysgames

    Does it require MySQL to run?

  • http://www.casinomadness.de Casinomadness

    Nice collection, I am using number 3 already and was just looking into combining this script with a comment form where the rating gets submitted when leaving a comment. I guess i have to fiddle around with this a little more. Anyways, thanks for putting together this list.

  • Kashif
Subscribe

Membership
About the Author