ss_blog_claim=bd9e023d0afa68132468ba4b6fb0d373
RSS

Simple Stars Images for WP-PostRatings Plugin

By Alisha | Published: Sunday, July 29th, 2007

Web Design

The WordPress plugin WP-PostRatings is an AJAX ratings system for WordPress and comes with three sets of images: bars, squares and stars. There isn’t anything fancy about these images and don’t really look that great on a dark background. The stars didn’t have transparency, so there was white around them, making them very ugly on a dark background.

I tried looking around to see if there was anything better that I liked, but no luck. So, I decided I would try to make my own. I’m not an expert with Photoshop, but I know my way around enough to create something. I created a set that is similar to the ones for Unobtrusive AJAX Star Rating Bar, because I like how they look.

I used a Photoshop brush to make a star and then made duplicate layers of that for the images. These images would become: ratings_off.gif, ratings_on.gif, ratings_over.gif and ratings_half.gif. So, I need four layers of this one star. I also made another layer to make the outline of the star appear darker. This was actually by accident, but once I saw how it looked, I decided to keep it.

I call them Simple Stars. Here are the results, blown up to show detail:

Simple Stars Sample

From left to right: over, on, half and off. The first one is displayed when the cursor moves over, the second one is displayed when there are votes, the third is displayed when there are vote(s) and a half, and the fourth is displayed when there are no votes or at the end.

Sizes available are: 16×16, 32×32 and 48×48. Until I make this available for download, please contact me if you would like it.

Instructions for WordPress WP-PostRatings plugin only. To install, just extract the simplestars directory into the WP-PostRatings plugin directory (directory should be named postratings) and then go into the Ratings options in WordPress and select simplestars. The plugin automatically detects new folders with GIFs as long as they are named correctly.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • Furl
  • Live
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • TailRank
  • Technorati
  • TwitThis
  • BlinkList
  • blogmarks
  • YahooMyWeb
  • co.mments
  • Mixx
  • PlugIM
  • Sphinn
, , ,

9 Comments For This Post

  1. nidha Says:

    Can share the file with me?
    Thanks in anticipation

  2. Alisha Says:

    I sent you an e-mail with the images attached.

  3. nidha Says:

    thanks a tonn!!!!!!!!!

  4. James Blunt Says:

    Thanks in anticipation. Really nice

  5. Alisha Says:

    James, I tried sending to the e-mail address you provided, but it said it doesn’t exist. So, if you can provide me with a real e-mail address, I can send it to you.

  6. Scott Says:

    Could you possibly send me the psd or images you made? I would greatly appreciate it for my sites!

    Thanks!

  7. Alisha Says:

    Hi Scott, I sent you an e-mail with the images and PSD. Have fun!

  8. scotjam Says:

    Hi Alisha

    I ended up using MS paint to do what you’ve done, but you’ve done it only a million times better. Could you kindly send me a copy of the images? Thanks in advance and best regards. Jam (scot)

  9. Alisha Says:

    Hi scotjam, I just sent you an e-mail with a set of images. Enjoy!

1 Trackbacks For This Post

  1. WP Designer Showcase Theme Says:

    [...] expect them to be changed. For a premium one, I would. Here is one set that I created a while back: Simple Stars for WP-PostRatings Plugin. The plugin is already integrated into the [...]

Leave a Reply