Step 1 - download joomla.org's font style switcher file ( http://forum.joomla.org/Themes/joomla/m ... changer.js )
Step 2 - put that file somewhere in the folder of the template you are using
Step 3 - put A+, A-, and Reset images in your template's image folder
Step 4 - paste the following code snippet somewhere in your template's index.php file
Code: Select all
<script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/____1____"></script>
<a href="index.php" title="Increase size" onclick="changeFontSize(1);return false;">
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/____2____" alt="" border="0" />
</a>
<a href="index.php" title="Decrease size" onclick="changeFontSize(-1);return false;">
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/____3____" alt="" border="0" />
</a>
<a href="index.php" title="Revert styles to default" onclick="revertStyles(); return false;">
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/____4____" alt="" border="0" />
</a>
- Replace ____1____ with the location in your template folder where you saved the .js file
- Replace ____2____ with the name of your A+ image
- Replace ____3____ with the name of your A- image
- Replace ____4____ with the name of your Reset image
- Bask in the awesomeness that is session font resizing
- Start figuring out why the buttons do nothing (either because your site doesn't use style classes, or because I messed up somewhere)
Enjoy!
DISCUSSION HERE: http://forum.joomla.org/index.php/topic,10264.0.html