{{tpl:TagRoundPercent}}

Used in a <tpl:Tags> loop, returns the tag use in the form of a percentage, rounded to the upper 10. Values returned go from 100 for the most used tags to 0 for the least used, 10 by 10.

Example

In the tags.html file, tags are displayed using this piece of code:

<div class="content-inner">  
  <ul class="tags">
    <tpl:Tags type="tag">
      <li><a href="{{tpl:TagURL}}" class="tag{{tpl:TagRoundPercent}}">{{tpl:TagID}}</a></li>
    </tpl:Tags>
  </ul>
</div>

Tags will have a CSS class like tag[use percentage] that allows you to style them in CSS, to give them different sizes according to their popularity:

.tag0 {font-size:0.5em;}
.tag10 {font-size:0.6em;}
.tag20 {font-size:0.7em;}
.tag30 {font-size:0.8em;}
.tag40 {font-size:0.9em;}
.tag50 {font-size:1em;}
.tag60 {font-size:1.2em;}
.tag70 {font-size:1.4em;}
.tag80 {font-size:1.6em;}
.tag90 {font-size:1.8em;}
.tag100 {font-size:2em;}

Wiki powered by Dokuwiki.