allora ho risolto, sono riuscito ad integrare la funzione nel template, ora vi spèiego come fare per gli altri niubbi come me:
MINI GUIDA INSERIMENTO PULSANTI DIMENSIONE CARATTERE NEL TEMPLATE1) modificare il file index.php:
- tra i tag <head> e </head> inserite:
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/js/text_dim.js"></script>
- dove volete all'interno del body inserite:
<div id="fontsize">
<a href="#" onclick="changeFontSize(1); return false;" class="larger"><img style="margin:0 padding:0;" src="templates/<?php echo $this->template ?>/images/resizer_01.jpg" alt="+" /></a>
<a href="#" onclick="changeFontSize(-1); return false;" class="smaller"><img style="margin:0 padding:0;" src="templates/<?php echo $this->template ?>/images/resizer_02.jpg" alt="-" /></a>
<a href="#" onclick="revertStyles(); return false;" class="reset"><img style="margin:0 padding:0;" src="templates/<?php echo $this->template ?>/images/resizer_03.jpg" alt="reset" /></a>
</div>
2) Caricamento dello script:
- create la cartella (se già non esiste) js all'interno della cartella del template
- dentro di essa ci metterete il file text_dim.js che ora creiamo...
- aprite il blocco note del vostro pc e copiateci il testo sottostante:
//Simple Font Resizer Javascript//
/**
* Simple Font Resizer Javascript
* @package Joomla 1.5
* @copyright Copyright (C) 2008 UnDesign. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*/
var defaultSize = 70;
var prefsLoaded = false;
var defaultFontSize = defaultSize;
var currentFontSize = defaultFontSize;
function revertStyles(){
currentFontSize = defaultFontSize;
changeFontSize(0);
}
function changeFontSize(sizeDifference){
currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 10);
if(currentFontSize > 150){
currentFontSize = 150;
}else if(currentFontSize < 20){
currentFontSize = 20;
}
setFontSize(currentFontSize);
};
function setFontSize(fontSize){
var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
document.body.style.fontSize = fontSize + '%';
//alert (document.body.style.fontSize);
};
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
};
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
};
window.onload = setUserOptions;
function setUserOptions(){
if(!prefsLoaded){
cookie = readCookie("fontSize");
currentFontSize = cookie ? cookie : defaultFontSize;
setFontSize(currentFontSize);
prefsLoaded = true;
}
}
window.onunload = saveSettings;
function saveSettings()
{
createCookie("fontSize", currentFontSize, 365);
}
- salvate come text_dim.js e caricatelo sul server come precedentemente descritto..
3) Immagini dei pulsanti
- create la images (se già non esiste) js all'interno della cartella del template
- create le immagini:
resizer_01.jpg (aumento carattere)
resizer_02.jpg (diminuzione carattere)
resizer_03.jpg (reset)
- caricate le immagini:
4) Il CSS
- modificate il css del vostro template in modo che i pulsanti stiano dove volete voi...
io ho messo questo, provate se vi piace:
#fontsize {
position: fixed;
right: 5px;
top: 2px;
z-index: 10;
display: block;
}
Ultime mote per spiegare un paio di cose:nel mio css c'è:
body {
color: white;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}quel font-size: 70%; implica che nel text_dim.js ci sia la variabile defaultSize impostata a 70 (
var defaultSize = 70; ).
Voi modificate di conseguenza la vostra impostazione.
Se non avete un font-size nel vostro template mettete 100 come valore di defaultSize.
p.s. un moderatore può modificare ti titolo del topic (io non posso più) con [risoclto][miniguida]pulsanti dimensione caratteri e togliere i codici che ho postato prima che non funzionano e con si capisce nulla ne se no
grazie
