• Benvenuti su XenForo Italia!

    Stai navigando nella nostra community come Ospite.

    Avere un account su XenForo Italia ti permetterà di creare e partecipare alle discussioni, scaricare i file di traduzione in italiano, vedere le immagini e i video a formato intero, iniziare conversazioni personali con gli altri membri del forum e di utilizzare tutte le funzioni di questo sito.

    Condividi anche tu la tua passione per XenForo!

    Registrarsi è gratis ed elimina la pubblicità

Il Custode

Custode del Forum
Membro dello Staff
Licenza Verificata
Punteggio reazioni
502
Punti
140
Grazie alle indicazioni di Brogan, vediamo in questo topic un approfondimento sulle classi CSS personalizzate per i prefissi discussioni.

Il codice CSS che segue va aggiunto al template EXTRA.css del vostro stile in uso.

In questo esempio, andiamo a creare due classi: CTA1 e CTA2.
Ovviamente si possono scegliere i nomi che si preferiscono.

Codice:
.prefix.prefix[COLOR=#ff0000]CTA1[/COLOR] {
color: @textCtrlBackground;
background-color: @primaryDarker;
border-color: @primaryDark;
}
    a.prefixLink:hover .prefix.prefixCTA1 {
    color: red;
    background-color: yellow;
    border-color: blue;
    }
 
.prefix.prefix[COLOR=#0000ff]CTA2[/COLOR] {
color: @textCtrlBackground;
background-color: @primaryLightish;
border-color: @primaryMedium;
}
    a.prefixLink:hover .prefix.prefixCTA2 {
    color: black;
    background-color: white;
    border-color: red;
    }
Come si può vedere, il codice CSS è piuttosto semplice e consiste di solo testo, sfondo e colori del bordo. Si possono aggiungere le personalizzazioni che si desiderano.

Ogni classe ha del codice CSS per l'effetto hover, così ogni prefisso può potenzialmente avere un effetto hover diverso.

Per applicare questi CSS basterà inserire nell'apposito campo di configurazione del prefisso:
Codice:
 prefix prefixCTA1
Notare che è stato eliminato il punto prima del nome delle classi e che le classi sono separate da uno spazio.
 

Per rispondere Entra o Registrati è Gratis…

Perchè dovresti Registrarti?

  • Partecipare e Creare Discussioni
  • Trovare Consigli e Suggerimenti
  • Condividere i tuoi Interessi
  • Informarti sulle Novità

Membri Iscritti online

Nuove Discussioni

Ultimi Messaggi sui Profili

Bellissimo XenForo....😎
FEDERICOSCHI ha scritto sul profilo di Il Custode.
non posso scaricare la versione in italiano
Alto