Home
by DarkDemon May 28th 2012, 7:31 amGreetings, I am trying to make a rating system on the HTML Pages Management (custom page) and I am trying to figure out how to find some code for a generic rating star system. I found this page, but I try putting the CSS and the HTML links that he gives but it just shows up on the actual page? Am I missing anything? or am I just over thinking it? lol http://joseairosa.com/2009/07/24/easy-css-star-rating-layout/
CSS - code
HTML
Is there anything else I need to add in there to make it work? I figured I would put the CSS at the top in a <head> </head> and then the HTML where I wanted it to appear?
Edit: After Searching for awhile into some archived forums I found my answer with this post https://help.forumotion.com/t34565-bulding-a-rating-for-all-post-in-your-site?highlight=rating+bar Thanks everyone.
CSS - code
- Code:
.classification {
position: relative;
width: 91px;
height: 17px;
}
.classification .cover {
position: absolute;
background: transparent url(img/stars.png) top left no-repeat;
top: 0px;
left: 0px;
width: 91px;
height: 17px;
z-index: 101;
}
.classification .progress {
position: absolute;
background: transparent url(img/stars_full.png) top left no-repeat;
top: 0px;
left: 0px;
height: 17px;
z-index: 102;
}
HTML
- Code:
<div class="classification"><div class="cover"></div><div class="progress" style="width: 27%;"></div></div>
Is there anything else I need to add in there to make it work? I figured I would put the CSS at the top in a <head> </head> and then the HTML where I wanted it to appear?
Edit: After Searching for awhile into some archived forums I found my answer with this post https://help.forumotion.com/t34565-bulding-a-rating-for-all-post-in-your-site?highlight=rating+bar Thanks everyone.
