The code in that example is not it. The image paths are incorrect and the entire tool block displays (does not pop up only when hovered over).
But- Thank you for pointing me in the right direction- I pulled this code from the demo, fixed the image paths and it works just like the teline example.
<li class=”havechild mega item_fonttool”>
<a class=”megaitem” href=”#”><span>Font</span></a>
<div class=”childcontent”>
<div class=”inner”>
<strong style=”margin-right: 10px;”>Font tool: </strong>
<ul class=”ja-usertools-font” style=”display: inline;”>
<li class=””>
<img id=”ja-tool-increase” style=”cursor: pointer;” title=”Increase font” src=”/templates/ja_teline_iii/images/user-increase.gif” alt=”Increase font” onclick=”switchFontSize(‘ja_teline_iii_ja_font’,’inc’); return false;”/>
</li>
<li class=””>
<img id=”ja-tool-reset” style=”cursor: pointer;” title=”Default font” src=”/templates/ja_teline_iii/images/user-reset.gif” alt=”Default font” onclick=”switchFontSize(‘ja_teline_iii_ja_font’,3); return false;”/>
</li>
<li class=””>
<img id=”ja-tool-decrease” style=”cursor: pointer;” title=”Decrease font” src=”/templates/ja_teline_iii/images/user-decrease.gif” alt=”Decrease font” onclick=”switchFontSize(‘ja_teline_iii_ja_font’,’dec’); return false;”/>
</li>
</ul>
</div>
</div>
</li>