Aggiungere icone prima dei gruppi


Tutorial Aggiungere icone prima dei gruppi

Messaggio 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.

Aggiungere icone prima dei gruppi Uq26Y0z

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/



Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8206
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.