Форумы / Cotonti / Support / Rating stars won't show

<<<12

Trustmaster
#16 31.08.2009 15:06
Those "other skins" might not be up2date. Sed-light is one to test first of all. If it doesn't show you ratings though it means something is wrong with JavaScript.
May the Source be with you!
Ross
#17 01.09.2009 05:29
# Trustmaster : Those "other skins" might not be up2date. Sed-light is one to test first of all. If it doesn't show you ratings though it means something is wrong with JavaScript.

Thank you, Trustmaster. What should I check with the javascript? Is it OK to use those found in the Cotonti package? I tried to re-upload them more than once... At the moment I disabled the ratings and I am working on the other parts of the skin. However, I'd like to fix the ratings up too...
Trustmaster
#18 02.09.2009 02:12
A link to a page with ratings would be very helpful, otherwise we can only guess.
May the Source be with you!
Ross
#19 02.09.2009 03:03
# Trustmaster : A link to a page with ratings would be very helpful, otherwise we can only guess.

Sure, for instance: http://www.rossellapruneti.com/page.php?id=1
Trustmaster
#20 02.09.2009 05:06
In firenze.css I found:
/* ============== 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 */
Should be:
/* ============== Ratings CSS ============== */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(img/system/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(img/system/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0;font-size:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
May the Source be with you!
Ross
#21 02.09.2009 05:19
YES!!!!!!!!!! Thank you! Why on earth did I find that CSS Code in my package? Anyway, thank you a lot! Now I can keep on skinning :)
Trustmaster
#22 02.09.2009 15:24
It's all about attention, I suppose.
May the Source be with you!
Ross
#23 03.09.2009 04:56
# Trustmaster : It's all about attention, I suppose.

You are right to scold me, but that rating piece of css style is really misterious to me. The names of classes and ids don't look related to the (x)html code. Maybe they are related to the javascript, but I don't know the javascript language so I didn't try to decode it and relate them.

Thank you a lot for your help.

<<<12