MX Stars Field is an field type for ExpressionEngine2. It gives you the input field designed as stars rating.
<style type='text/css'>
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
height: 17px;
position: relative;
background: url(../images/rating-stars.png) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
height:17px;
width: 17px;
float: left;
}
.star-rating li.current-rating{
background: url(../images/rating-stars.png) left bottom;
position: absolute;
height: 17px;
display: block;
text-indent: -9000px;
z-index: 1;
}
</style>
{exp:channel:entries channel="room"}
<ul class="star-rating" style="width: 119px;">
<li class="current-rating" style="width: {x_stars_field}17{/x_stars_field}px;">
{x_stars_field}/{x_stars_field:scale}</li>
</ul>
{/exp:channel:entries}
last update: July 27, 10:12 AM (GMT)
