Create a TipTip tooltip by following these steps:
Create a new directory structure for our template:
/blocks/content/templates/tip_tip
.Create a new file called
view.php
in it. We're going to use the previously described technique again which allows us to extend the existing core template:<div class="content-tip-tip"> <?php $bvt = new BlockViewTemplate($b); $bvt->setBlockCustomTemplate(false); include($bvt->getTemplate()); ?> </div>
Download the TipTip source code from the following location:
Extract the CSS file into a new folder called
css
within our template folder. Extractjquery.tipTip.minified.js
into a new directory calledjs
.We've added all but one file we need. The last file called
view.js
is going to initialize the advanced tooltips:$(function(){ $(".content-tip-tip [title]").tipTip(); });
Go to the page where you want the new tooltip to appear...