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?
HOW?
| 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. |
| 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. | |