PDA

View Full Version : Add-On Releases - Easy Style font resizer


animcentral
06-26-2009, 10:00 PM
The following script can be used to allow visitors to increase or decrease the size of text on your page. This can be useful for visitors who have trouble reading smaller text and allows them to increase it to something they can view more easily.

Template edits:

add the following script in Header
<script type="text/javascript" language="javascript">
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('div');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('div');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}

</script>


and the following anywhere you wanna show the icons:
<div>
<a href="javascript:increaseFontSize();"><img src="font-inc.gif" alt="Increase Font Size" style="border:0px;" /></a>
<a href="javascript:decreaseFontSize();"><img src="font-dec.gif" alt="Decrease Font Size" style="border:0px;" /></a>
</div>

Icons:
http://fa.animcentral.com/forums/font-inc.gif http://fa.animcentral.com/forums/font-dec.gif

Demo:
http://fa.animcentral.com/forums/
comment: Persian Language

saviola8x
06-28-2009, 12:56 PM
so good.
Thanks

sebil
06-28-2009, 01:21 PM
itz nice..

Andyrew
06-28-2009, 02:36 PM
It changes back to normal every page load, i find it easier to hold down ctrl then scroll the mouse wheel.

animcentral
06-28-2009, 03:58 PM
It changes back to normal every page load, i find it easier to hold down ctrl then scroll the mouse wheel.
i will try to make it cookie base in next version

deadlySniper
06-28-2009, 03:59 PM
Nice, thanks.

saadessa
06-28-2009, 05:20 PM
thank you

Zi55
12-21-2009, 12:04 PM
Thanks for this nice mod , we need to see it cookie support in next versions , because when you move to an page , the font return as it default .
Thanks ,
Zi5

Golzarion
02-06-2010, 11:26 AM
Nice mod. Although I have always used "Ctrl" and " +" keys for changing the display of the font size... I think it would be more useful if you make it cookie base.

Thank you anyway.

Tanapangarap
06-09-2010, 05:35 AM
I hope to see this made cookie-based at one point, too.

Regards,

Kevin

funmasti
06-10-2010, 10:07 AM
its kinda useful,, some peoples has big resolution, it'll help 'em all