Tx Tkfm,
Yes, er, definitely a class thing
I figure there may be a few folks who have had a similar head scratcher. So, here’s an example, and you can see the result on the attached jpeg.
Here’s my call...
[!TvTagCloud? &parent=`0` &landing=`30` &tvTags=`docTags` &tagDelim=`,` &sort=`asc` &steps=`14,25,34,51,100` &styles=`tag5,tag4,tag3,tag2,tag1` &displayType=`cloud` &tooltip=`Read [+count+] pages about [+tag+]`!]
... the relevant bit above is
&steps=`14,25,34,51,100` &styles=`tag5,tag4,tag3,tag2,tag1`
Here’s that call included in the rest of the code, to illustrate the other styling...
<div id="keywords">
<div id="keyword-image"><img src="[(base_url)]assets/images/keyword.gif" alt=""/></div>
<div id="tags" class="scroll">[!TvTagCloud? &parent=`0` &landing=`30` &tvTags=`docTags` &tagDelim=`,` &sort=`asc` &steps=`14,25,34,51,100` &styles=`tag5,tag4,tag3,tag2,tag1` &displayType=`cloud` &tooltip=`Read [+count+] pages about [+tag+]`!]</div>
</div>
And here’s my CSS...
#keywords{height:185px;margin-bottom:5px;}
#keyword-image{float:left;width:34px;}
#tags{float:left;height:180px;width:212px;margin-bottom:5px;padding:2px;text-align:justify;}
.tag5{font-size:1.7em;color:#600;}
.tag4{font-size:1.5em;color:#900;}
.tag3{font-size:1.3em;color:#C00;}
.tag2{font-size:1.1em;font-style:italic;color:#C90;}
.tag1{font-size:.8em;color:#999;}
#tags a:hover{background:#FC0;color:white;}
.scroll{overflow:auto;}
I’ve not got many tags in my site yet, so may have to change some of the CSS values to allow for growing content, but that’s a start.
Hope that helps.
Olly.