Aggiungere icone prima dei gruppi

Da **Niko** Mar 23 Feb 2021 - 3:11

Aggiungere icone prima dei gruppi

In questo tutorial ti insegneremo come amministratore, come inserire gruppi predefiniti nel tuo forum con CSS. Qualcosa di semplice che possa dare un tocco speciale alla didascalia del tuo forum riguardo ai gruppi esistenti nel forum.

Modifica dei Templates

La modifica dei templates è ciò che rende il tuo forum il maggior numero di personalizzazioni possibile. Questa risorsa è simpatica e merita cautela nell'essere modificata, al fine di evitare qualsiasi bug o errore nella pubblicazione. Puoi contare sul supporto dei nostri volontari per modificare il tuo template.

Pannello di amministrazione ► Visualizzazione ► Templates ► Overall_header
 Solo l'utente fondatore (u1) può modificare i templates e averne accesso

Cerchiamo il tag </head> e subito prima inseriamo:

Codice:: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Foglio di stile CSS

Affinché la funzione sia attiva nel tuo forum, avremo bisogno che tu acceda al tuo pannello di amministrazione e vai al tuo foglio di stile CSS come mostreremo di seguito:

Andiamo verso Pannello di amministrazione ► Visualizzazione ► Immagini e CSS ► Foglio di stile CSS e possiamo effettuare le seguenti personalizzazioni:

Visualizza il CSS di base del forum : consente all'amministratore di controllare lo stile CSS predefinito del forum. Anche se hai applicato del codice CSS al foglio di stile, quel CSS di base non verrà modificato. Mostra i codici che personalizzano il tuo forum senza la necessità di CSS aggiuntivi, che in questo caso sarebbe il foglio di stile.
Cerca CSS - Con questo strumento, possiamo cercare i codici esistenti nel foglio di stile CSS. Ad esempio, se hai aggiunto del codice al foglio di stile, e poiché è molto grande non trovi il codice desiderato, dal momento in cui digiti il codice nel campo "Cerca CSS", il codice verrà trovato (se digitato correttamente).
Disabilita il CSS di base - Se disabiliti questa opzione, il CSS di base del tuo forum verrà disabilitato, lasciando solo il CSS del foglio di stile.
Migliora il tuo CSS - Con questa funzione attiva, la capacità di caricamento della pagina aumenta, rendendo più facile la navigazione nelle pagine del tuo forum. Ma è importante ricordare che, affinché la funzione funzioni normalmente come promesso, dovrai aggiungere il codice corretto nel foglio di stile.
Codice:
a.gensmall[style="color: #FA0000"]:before { content: '\f085 \00A0'; font-family: 'fontawesome'; }

Note

# FA0000 è il colore del gruppo a cui si desidera aggiungere l'icona, qui è necessario cambiare il colore del gruppo a cui si desidera aggiungere l'icona.
\f085 è il codice che verrà aggiunto, puoi modificarlo con il codice dell'icona che desideri Vedi qui i codici esistenti: http://astronautweb.co/snippet/font-awesome/