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

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Trovo questa "chicca visiva" molto carina e che da un cambiamento visivo interessante .
Ma vediamo il codice che è molto semplice ....

1. Andare in ACP --> Aspetto -->(il vostro stile) --> template --> EXTRA.css
All'interno del file citato inserite questo codice:

Codice:
.avatar img,
.avatar .img,
.avatarCropper {
border-radius: 50% !important;
}

salvate.

2. Andate in ACP --> Aspetto -->(il vostro stile) --> template --> message_user_info
e dopo questo codice :
Codice:
<xen:require css="message_user_info.css" />

che si trova subito all'inizio del file inserite questo codice:
Codice:
<xen:require css="EXTRA.css" />

salvate.

il risultato che otterrete è questo:

v7wh.jpg
 

Il Custode

Custode del Forum
Membro dello Staff
Licenza Verificata
Punteggio reazioni
607
Punti
140
Forte! E' molto in linea con le ultime tendenze di web design (vedi Google+ e iOs7)
 

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Domanda. Perché questo è necessario?

Nello specifico la parte di codice che hai postato serve per richiamare all'interno del file indicato il file .css , in questo caso EXTRA.css , ha la stessa funzione di un normale <link href="stile.css" rel="stylesheet" type="text/css"> associa a quel file il css indicato.

All'interno del file EXTRA.css è stata scritta una classe che in realtà XenForo ha nel database, inserendola esposta e richiamandola come ho fatto ho reso la classe nel css modificabile, in questo caso dicendogli che il border-radius deve essere del 50% e imponendo con !important che questo dato "sovrascriva" quello precedente.
 

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Io ho provato senza modificare il template e funziona correttamente...

Si funziona in message_user_info perche al suo interno ha la classe avatar richiamata con il codice , ma non è detto che altrove funzioni per questo motivo ho scritto l'esempio con Extra.css , non è obbligatorio che la modifica avvenga con Extra.css ma in questo modo è possibile utilizzarlo richiamandolo su più template , gli stessi creatori di XenForo suggeriscono di utilizzare il file Extra.css proprio per fare questo tipo di azioni. ;)
 

shark99

Admin XenForo
Punteggio reazioni
2
Punti
35
Ho inserito questa "chicca" nella mia board, e c'è un problema.
Si vede così, se si clicca sul nome di una persona..

aadas.png


Come potrei risolvere, quel piccolissimo "bug"?
 

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Devi modificare le dimensioni dell'avatar inserendo altezza e larghezza in riferimento alla avatar che ti da problemi. Semplice CSS se lo conosci. ;)
 

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Devi modificare le dimensioni dell'avatar inserendo altezza e larghezza in riferimento alla avatar che ti da problemi. Semplice CSS se lo conosci. ;)
 

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

sono l'unico ad odiare e disabilitare i messaggi di profilo?!?
Inizio del inizio!

Discussioni Simili

Alto