Content Rating
The Content Rating consists of 2 parts. On a blogpage it shows only the (average) result of the rating. On the Single Article page it shows also the form to vote.
Structure with classes and id's
span.content_rating img img img img img form span.content_vote input input input input input input.button
Print screen of a single article page without addiotional CSS
CSS
/* ---------------
Content rating
---------------- */
/* Content rating */
span.content_rating {
clear: both;
display: block;
float: left;
width: 100%;
padding: 3px 0 0 0;
}
/* content rating form */
form span.content_vote {
clear: both;
display: block;
float: left;
width: 100%;
}
form span.content_vote input {
margin: 0 2px 0 2px;
}
Print screen Single Article page after applying CSS
Print screen Blog page after applying CSS
