Iconic Rating

Well, I hope the options page of this plugin is self-explanatory, and once you read it (maybe twice), you realize how to do that. Nope?… OK.

Let’s use the font awesome icons named (haven’t you guessed?) “heart-o”; and “heart”, for the icon when hover or “filled” (or maybe “heartbeat” if you feel dramatic today). Of course, the option “number of icons” should be 1. And the resulting text will show only the number of votes, right? (Please, look at the screenshots). Last but not least, on “2d hover transitions” tab select a suitable transition (“pulse grow” maybe?). That’s all in the options page.

But do not forget, at the CSS style, give a big size to the font and a pink color, or you just get an ordinary heart.

For example:

.iconicr_wrap{ width: 2em; } i.iconicr_in, i.iconicr_out { color:deeppink; font-size:2em; } .iconicr_avg { color:deeppink; margin-left: 2.4em; margin-top: -1.5em; }

Please, refer to the style.css of the plugin, and you can use it as reference, in order to change the values to others you prefer.

Is good to know how many people think your item is good, and how many voted otherwise. Please, read on the options page that this could be known by using the %kv% expression (when hover on k -th star). IN next versions of the plugin this will be development a bit more.

(Options page shows other wildcard expressions that you can use…)

That is correct (as you can see here at the screenshot tab, at the last images). But always use single quotation marks instead of double quotations; beware of “ . If you know what you’re doing, it will be fun a little of HTML.

Please, be welcome to ask whatever worries you. (To be continued…)