-
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
È da oggi possibile inserire Font Awesome nei propri forum/blog.
Per farlo è necessario inserireHTML<link rel="stylesheet" type="text/css" href="https://img.forumfree.net/fontawesome/6.3.0/css/all.min.css">
in Amministrazione → Sito web → Statistiche e opzioni nel box "Codice da aggiungere nella sezione head".
Fatto ciò sarà possibile inserire le icone in tutto il forum: dall'html, al titolo dei topic o al loro contenuto.
In questa pagina trovate una lista delle icone disponibili: clickando su quella che interessa si andrà in una pagina dedicata con un codice del tipo:HTML<i class="fa fa-angellist"></i>
Basterà incollare questo codice per far comparire l'icona.
È possibile aggiungere le icone anche attraverso il CSS.
Ad esempio per le icone delle sezioni bisogna aggiungere nel css del forum (pannello "colori e stili") un codice simile a questo:CODICE.board #f64575643 .aa:before {content: "\f0c0"}
.board #f64576226 .aa:before {content: "\f075"}
.board #f64575662 .aa:before {content: "\f025"}
.board #f64597515 .aa:before {content: "\f001"}
Va messa una riga per ogni sezione che si vuole modificare.
Al posto del numero dopo #f bisogna mettere l'id della sezione di cui si vuole modificare l'icona.
Al posto del numero dopo "\ bisogna mettere il codice unicode dell'icona che si preferisce per quella sezione.
Qui trovate i codici delle varie icone che puoi utilizzare:
http://astronautweb.co/snippet/font-awesome/
http://fontawesome.io/icons/ (va preso il numero unicode)
http://fontawesome.io/cheatsheet/ (va preso il numero dopo #
L'id della sezione si prendi dal proprio forum (è il numero dopo ?f=).
Lo stesso codice si può usare anche per il css della versione mobile (pannello "Mobile/app").Versione 5
Chi volesse installare la versione 5 di FontAwesome dovrà modificare il file css con il seguente:HTML<link rel="stylesheet" type="text/css" href="https://img.forumfree.net/fontawesome/5.14/css/all.min.css">
ATTENZIONE! Questa nuova versione di fontawesome ha modificato molti aspetti delle icone, quindi se già si erano inserite icone nel forum bisognerà ricontrollarle.
La modifica più rilevante è che non viene più usata la classe fa: https://fontawesome.com/how-to-use/web-fon...h-css#basic-use
La classe di base è ora fas, o far se nella versione gratuita è disponibile l'icona in versione regular.
Per scoprirlo basterà andare sul sito e aprire l'icona: https://fontawesome.com/icons/address-book - https://fontawesome.com/icons/gamepad
Sono utilizzabili le versioni senza la dicitura PRO. Ad esempio nella prima icona l'incata sono utilizzabili le versioni solid e regular, nella seconda solo la versione solid.
In generale, la versione solid è sempre utilizzabile, mentre quella regular no. La versione light non è mai utilizzabile.
Per cui se si vuole standardizzare, è consigliato usare sempre la versione solid.
Chi volesse installare la versione 6 di FontAwesome dovrà modificare il file css con il seguente:HTML<link rel="stylesheet" type="text/css" href="https://img.forumfree.net/fontawesome/6.2.1/css/all.min.css">. -
.
Buoniorno, posso chiedere com'è possibile utilizzare le icone di Fontawesome nel menuwrap? Ho provato con il CSS ma senza successo :\ CODICE.menuwrap > .left > li:nth-of-type(2):before{content:"\ f01c";}
Vi ringrazio anticipamente
. -
.
Up! Sarei interessato anche io! . -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
Prima di tutto inserite il font nel forum come ho spiegato sopra, poi impostate FontAwesome come font-family dell'elemento dopodiché lavorate sulle varie icone.
Qui trovate una lista di icone e relativi codici.
P.s. Ovviamente dovendo usare "content" potete lavorare solo con gli pseudo-elementi :before e :after.. -
.
Ok, scusa, mi era sfuggito il passaggio del font-family . -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
È stato aggiornato il link nel primo post, ora il css di FontAwesome è sul server del circuito.
Questo è stato necessario per sistemare un problema con alcuni browser che non riuscivano a leggere bene FontAwesome, quindi vi consigliamo di aggiornare il link.
Abbiamo colto l'occasione per inserire la versione 4.3, che ha 40 nuove icone: http://fontawesome.io/icons/#new. -
.
è possibile che il file sia stato spostato o rimosso?
Purtroppo anche in console mi da un errore (risorsa non disponibile)
. -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
FontAwesome è stato aggiornato alla versione 4.4, con le nuove icone. . -
.
L'icona di google+ è stata modificata (aggiornando la vecchia icona), però nel set hostato su forumfree c'è ancora quella vecchia. . -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
FontAwesome è stato aggiornato alla versione 4.5: http://fortawesome.github.io/Font-Awesome/whats-new/ . -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
Abbiamo aggiornato FontAwesome alla versione 4.6: https://articles.fortawesome.com/font-awes...ed-d7213342698a . -
Simø.
User deleted
Prima di tutto inserite il font nel forum come ho spiegato sopra, poi impostate FontAwesome come font-family dell'elemento dopodiché lavorate sulle varie icone.
Qui trovate una lista di icone e relativi codici.
P.s. Ovviamente dovendo usare "content" potete lavorare solo con gli pseudo-elementi :before e :after.
http://fontawesome.io/cheatsheet/ -> Questi vanno bene da mettere nel css?. -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
No, bisogna usare i codici che trovi aprendo le pagine delle singole icone ("Unicode"). . -
Simø.
User deleted
Queste tra parentesi non sono le classi per il css? -> [] . -
.
- Group
- ForumFree Staff
- Posts
- 48,880
- Status
- Anonymous
No, è il codice unicode, la classe è il nome dell'icona fa-500px .
Uso di Font Awesome su ForumFree |
