Come cambiare i font dei titoli dei box usando sIFR (sIFR2.0.2)

Stanco di utilizzare solo font comuni nel tuo template?

Questa guida ti aiuterà a risolvere il problema dato dal fatto che i browser possono visualizzare solo font installati nel sistema operativo dell’utente. Grazie a questa guida sarai in grado di cambiare i font dei titoli dei template di joomla (ma non solo) utilizzando anche caratteri TRUETYPE.La tecnica del sIFR (Scalable Inman Flash Replacement) è stata sviluppata da Mike Davidson e Shaun Inman econsiste nel sostituire dinamicamente il testo HTML con un filmato Flash. La sostituzione viene controllata tramite unfoglio di stile.

AIUTOOO COME FACCIO???????

METODO MANUALE

1. Innanzitutto scarica l'ultima versione di sifr da http://www.mikeindustries.com/blog/files/sifr/2.0/sIFR2.0.2.zip

2. Unzippa/decomprimi l'archivio ed apri la cartella appena estratta.

3. All'interno della cartella troverai un file chiamato sifr.fla4. Apri il file con macromedia flash.

5. Fai doppio click nell'area centrale del flash, seleziona il testo senza cancellarlo e dal menu proprietà in basso selezionail font che ti interessa

6. Fatto??? Adesso esporta il file in swf salvandolo sempre nella stessa cartella e con NOMEFONT.swf (se ad esempio hai selezionato il font astonished, salverai il file come astonished.swf).

7. Adesso create una cartella chiamata sifr all'interno della cartella del vostro template installato, ovviamente nella cartella dove avete installato joomla:-..../templates/nometemplateinstallato/sifr

8. all'interno di questa cartella inserite (e mettete online) i seguenti files:

- il file swf appena creato....nel nostro caso astonished.swf

- sifr.js- sifr_addons.js

- sIFR-print.css

- sIFR-screen.css

Aprendo con un editor Il file sIFR-screen.css si presenta in questo modo:

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is
used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much
narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these
decoy styles */
.sIFR-hasFlash h1 {
visibility: hidden;
}
.sIFR-hasFlash h2 {
visibility: hidden;
letter-spacing: -9px;
font-size: 55px;
}
.sIFR-hasFlash h3 {
visibility: hidden;
letter-spacing: -6px;
font-size: 25px;
}
.sIFR-hasFlash h4 {
visibility: hidden;
letter-spacing: -5px;
font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
letter-spacing: -4px;
visibility: hidden;
font-size: 24px;
}
Occorre modificare la parte in neretto qui sopra adattandola alle nostre esigenze, in termini semplici dobbiamo dire a sifr
quale parte cambiare, il titolo? il corpo del testo? 

Un esempio puo' essere sostituire con:
.sIFR-hasFlash div.moduletable h3,
.sIFR-hasFlash .componentheading {
visibility: hidden;
letter-spacing: -6px;
font-size: 17px;
font-weight: bold;
letter-spacing: -.05em;
margin: 0;
padding: 0;
margin-left: -5px;
}
In questo caso diciamo allo script di modificare div.moduletable h3 e componentheading.

9. Adesso aprite il file index.php presente nella cartella del template ed inserite nell head :
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sIFR-screen.css" rel="stylesheet" type="text/css"
media="screen" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sIFR-print.css" rel="stylesheet" type="text/css"
media="print" />
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sifr.js" type="text/javascript"></script>
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/sifr/sifr-addons.js" type="text/javascript"></script>

METODO CON MAMBOT

Scaricate da qui il mambot:
http://www.joomla-addons.org/option,com_docman/task,doc_details/gid,29/Itemid,152.html
Installatelo in joomla.
Create il file nomevostrofont.swf (vedi punti 3.4.5.6)
UPPATELO NELLA CARTELLA mambots/system/
Aprite il file index.php del vostro template e inserite prima di </body></html>:
<script type="text/javascript">
if(typeof sIFR == "function"){
sIFR.replaceElement(".contentheading, .componentheading", named(
{sFlashSrc: "mambots/system/NOMEVOSTROFONT.swf", sColor: "#c64934", sWmode: "transparent"}
));
}
</script>
ATTENZIONE CAMBIATE NOMEVOSTROFONT.swf con il nome del file da voi creato.