• 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à

  • per chiudere questo avviso, clicca la crocetta >>
    ATTENZIONE: Per scaricare le traduzioni, verifica la tua licenza
    Per scaricare la traduzione o per ottenere supporto devi prima verificare la validità della tua licenza XenForo. Puoi farlo a partire da questa pagina.
    Buon Download!

Il Custode

Custode del Forum
Membro dello Staff
Licenza Verificata
Punteggio reazioni
611
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

Non ci sono Iscritti online al momento.

Ultimi Messaggi sui Profili

webhooks! webhooks! webhooks! webhooks!
sono l'unico ad odiare e disabilitare i messaggi di profilo?!?

Discussioni Simili

Alto