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

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:

 

Il Custode

Custode del Forum
Membro dello Staff
Licenza Verificata
Punteggio reazioni
547
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
  • Autore discussione Autore discussione
  • #4
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
  • Autore discussione Autore discussione
  • #6
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
  • Autore discussione Autore discussione
  • #9
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
  • Autore discussione Autore discussione
  • #10
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.

Nuove Discussioni

Alto