Changing ratings icons?

Replies to This Discussion

Permalink Reply by Ken [AO admin] on October 24, 2009 at 7:29pm

Yes you can , add this to advanced in your network appearance and change some settings in it .

ul.rating-small, ul.rating-small a:hover, ul.rating-small a:active, ul.rating-small a:focus, ul.rating-small .current {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/rating/r...) repeat-x scroll left -1000px;
}
ul.rating-small {
background-position:left top;
float:left;
height:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:3px 0 0;
overflow:hidden;
padding:0;
position:relative;
width:65px;
}
ul.rating-small li {
display:inline;
}
ul.rating-small a, ul.rating-small .current {
border:medium none;
height:13px;
left:0;
line-height:13px;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
position:absolute;
text-indent:-1000em;
top:0;
}
ul.rating-small a:hover {
background-position:left bottom;
}
ul.rating-small a.stars1 {
width:13px;
z-index:6;
}
ul.rating-small a.stars2 {
width:26px;
z-index:5;
}
ul.rating-small a.stars3 {
width:39px;
z-index:4;
}
ul.rating-small a.stars4 {
width:52px;
z-index:3;
}
ul.rating-small a.stars5 {
width:65px;
z-index:2;
}
ul.rating-small .current {
background-position:left center;
z-index:1;
}
.noscript {
border:medium none;
height:100px;
left:0;
position:absolute;
right:0;
top:0;
z-index:1000;
}

▶ Reply to This