Salve,
quel codice per essere usato correttamente necessita anche della libria css presente nella pagina di esempio di W3Schools dove ha preso quel codice.
Esempio:
Codice HTML:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Per evitare la questione del CROSS, è preferibile scaricare il fil css e caricarlo nel sito.
Poi, per aggiungere il cidice nelle pagine:
- Dal pannello Joomla -> Estensioni -> Moduli.
- Quindi, Cliccare su Nuovo .
- Scegliere come tipo di modulo "HTML Personalizzato".
- Inseire nel modilo il codice:
Codice HTML:
<i class="fa fa-facebook-official w3-hover-opacity">Inserire qui il codice del link</i>
Quindi selezionare dove posizionare il modulo nel template e in quali pagine dovrà risultare presente e abilitalo, in fine salvare.
Cordiali saluti.