This Multiple CSS/AJAX rating bar from http://www.masuga.com/ is the dog’s blox. Everything is set up so you can just stick as many as you like anywhere in your site. The mark-up for any star rating component is a very simple ‘PHP require’ with a unique ID and the JavaScript id pretty unobtrusive. It automatically creates an entry in the MySQL table whenever anyone votes. Looks like a good place for design help at http://www.masugadesign.com/.
You can see it in action in a number of my site links pages e.g.: CSS Sites.
If you change the size of the rating bar, be sure to remember to adjust the size of the ‘current ratings status’ in the rpc.php and functions.php file. E.g. $current_rating/$count,2)*15. This has to be set twice - once, as the score is ‘re-rendered’ (with no change) if the user has voted already.
If you float the rater using position relative, you may need to make an adjustent for IE6 and IE7. As the image of the stars for current rating is positioned absolutely they enjoy the float in Internet Explorer and appear to the right of the rater. Adding ‘left: 0′ is already applied in Mozilla browsers but needs to be added to sort things out for IE.
.unit-rating li.current-rating {
left: 0;
}
written by mat
