| Font scalabili. La mia soluzione |
|
Dopo aver provato varie soluzioni da quelle più semplici tipo usare due template, script che invalidano il W3C o che funzionano solo su FF o solo su IE6 mi sono fidato del progetto Prototype un JavaScript framework (http://prototype.conio.net/). Usando alcune delle molte librerie messe a disposizione ho creato uno script "cambiafont.js" e semplificato “prototype.js"
(tolto le parti che non servivano al ridimensionamento dei font) e rinominato in “prototype.font.js"
che opportunamente richiamati nel file index.php ci permettono di avere i font scalabili all’interno di Mambo e il tutto mantenendo la piena compatibilità con il W3C.
Per funzionare al meglio questi script hanno bisogno che le dimensioni dei font siano espresse in .em cosa che in tutti i casi è vivamente consigliato fare sempre.
Istruzioni:
Fate il download dei due script “cambiafont.js” e “prototype.font.js” Create una cartella -scripts- all’interno della cartella del template in uso Fate un upload dei due script
all’interno della cartella /templates/xxxx/scripts/ Modificate il file index.php inserendo prima del tag </head> <script type="text/javascript" src="templates/xxxx/scripts/cambiafont.js"></script> <script type="text/javascript" src="templates/xxxx/scripts/prototype.font.js"></script> Cambiate neaturalmente "xxxx" con la cartella del vostro template. Ora inseriamo i comandi per il ridimensionamento. <div id=nav><a href= "#" title="Decrease size" onclick="changeFontSize(-1); return false;">-a-</a></div> <div id=nav1><a href= "#" title="Increse size" onclick="changeFontSize(1); return false;">+A+</a></div> Tramite il "template_css.css" posizionate i due moduli. Una via più semplice... scricate il template "ferrucciofont" lo guardate e seguendo queste istruzioni andate a modificare il vostro template preferito. Trovate script e template nella sezione download del sito Se trovate delle difficoltà contattatemi Buon lavoro Ferruccio Grato se inviate un vostro feedback |