Rating-Widget

Contribute Rating Design

Dear graphical designer,
We like to invite you to share your creative touch with our up-growing blogs community.
Leverage your exposure using our world-wide free rating widget!


WHY?

  1. Your design may get exposed to a lot of people.
  2. Your name will be published on our documentation page.
  3. We host your design for free.

HOW?

  1. Currently we support two types of ratings: Star-Rating & Thumbs-Ratings.
  2. There is a full description of the rating sprite structure below for both types.
  3. When you are ready with your design, just follow the instructions of the form at the bottom of this page.
THANKS FOR YOUR TIME!


Contents

  1. Rating Sprite General Requirements
  2. Star-Rating Sprite Structure
  3. Thumbs-Rating Sprite Structure
  4. Design Submition Form

Rating Sprite General Requirements

  1. PNG-24 format.
  2. Transparent background.
  3. Smaller than 100Kb.

Star-Rating Sprite Structure



large medium small
Sprite:
Dimensions: 180px X 30px 120px X 20px 96px X 16px
Icon Size: 30px X 30px 20px X 20px 16px X 16px

Description
Empty star
Star hover mode. i.e. when a person moves their mouse over the rating.
Star-Over hover mode. i.e. when a person moves their mouse over the star itself.
Rated star. e.g. when the rate is 3, the first 3 stars will look like it.
Half-Rated star. e.g. when the rate is 4.5, the 4th star will look like it.
Right to Left Half-Rated star. e.g. when the direction of the rating is RTL and the rate is 4.5, the 4th star will look like it.

Thumbs-Rating Sprite Structure



large medium small
Sprite:
Dimensions: 120px X 90px 80px X 60px 64px X 48px
Icon Size: 30px X 30px 20px X 20px 16px X 16px

Description
Thumb-Up for like vote.
Thumb-Up hover mode. i.e. when a person moves their mouse over the thumb-up icon.
Thumb-Up selected mode. i.e. after a person selected to like the item.
Thumb-Down for dislike vote.
Thumb-Down hover mode. i.e. when a person moves their mouse over the thumb-down icon.
Thumb-Down selected mode. i.e. after a person selected to dislike the item.
All the 6 right icons have the same purpose and dimensions, except that they are made for the Right To Left support.

Design Submition Form


(or company name)

  By clicking on 'Submit Design' you are agreeing to the Terms of Use above.
Feedback Form