It still doesn't work.
I took the files again from another Cotonti skin.
TO summarize:
- File ratings.tpl in the skin folder
- Css code in the css skin file; i.e.:
/* ============== Ratings CSS ============== */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:0;clear:none;display: inline;}
div.rating:after{content:'.';display:inline;height:0;width:0;clear:none;visibility:hidden;}
div.cancel,div.star{float:left;clear:none;width:17px;height:15px;text-indent:0;cursor:pointer;display:inline;background:transparent;}
div.cancel,div.cancel a{background:url('img/system/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('img/system/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;clear:none;width:16px;height:100%;background-position:0 0px}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;}
/* END jQuery.Rating Plugin CSS */
- jquery-ui.css in the skin folder
- jquery.rating.js in the js folder in the root of the site
What I get is several numbers in a vertical disposition. If I click on a number, the Rate It button is visible but then it doesn't register the vote. After the vote, the ten numbers change in a zero.
I don't see the stars. Only the numbers and while the page is refreshing small circles are appearing for a second then they become those numbers.
The problem affects page.tpl and list.tpl