Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Impostare icone differenti per ogni categoria


Tutorial Impostare icone differenti per ogni categoria

Messaggio Da MattiaDes il Dom 29 Nov 2015, 14:06

Impostare icone differenti per ogni categoria

Questo tutorial vi mostrerà come impostare icone diverse per ogni titolo di categoria, come nell'esempio qui sotto:


1. Aggiungere un tag al titolo della categoria

Vai in:Pannello di amministrazione ► Generale ► Forum ► Categorie e forum , quindi modificare una categoria ► Modifica  :mod:

Per ogni categoria è necessario aggiungere il seguente codice prima o dopo il titolo della categoria.


Codice:
<span class="cat1"></span>

Exclamation Ricordati di cambiare il tag class="" per ogni titolo di categoria (Es: cat1 , cat2 ecc...) o un nome unico che si può ricordare come prima_categoria. Questo è, naturalmente, se si desidera utilizzare un'icona diversa per ogni categoria. Se si desidera utilizzare la stessa icona per più categorie, utilizza la stessa class.

Quando hai finito, salva sempre il tutto.

2. Aggiungere il CSS

Vai in Pannello di amministrazione ► Visualizzazione ►  Colori ►  "Foglio di stile CSS" e aggiungi il seguente codice:

Codice:
.cat1:after {
  content:url("ICON_URL");
  vertical-align:top;
}

Sostituisci ICON_URL con l'URL della tua immagine, e ricordati di cambiare il class .cat1, con quello che hai scelto.

Buona giornata!  :zen:

MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum