HTML Markup:
Rating box 1
1 2 3 4 5 6 7 |
<div class="ct-raiting ct-u-colorWhite"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star ct-u-colorFaint"></i> <i class="fa fa-star ct-u-colorFaint"></i> </div> |
Rating box 2
1 2 3 4 5 6 7 |
<div class="ct-lead--wrapper"> <span class="ct-title">Rank</span> <div class="lead ct-u-paddingBoth10"> <div id="stars" class="starrr"></div> </div> </div> |
CSS Classes:
.fa .fa-star: Bootstrap classes. They display ‘star’ tag.
.ct-u-colorFaint: lowers opacity of a font.
.ct-rating: Rating box style.
.ct-u-colorWhite: changes rating box color to white.
ct-lead–wrapper: Wrapper for a rating box.
Javascript:
.lead, .starrr, .stars: classes are required for rating plugin.
Raiting init file is required to make ‘rating’ plugin working.
1 |
<script src="assets/js/raiting/init.js"></script> |