Icona a finestra "membri online" senza immagine

Sperando di aver postato nella sezione giusta e di aver espresso in modo giusto la domanda, il mio problema si rifà a questo link: premi qua

Difatti in esso la chat in basso a sinistra viene "decorata" con un'immagine, mentre nel mio Forum non viene messa nessuna immagine ma bensì solo il quadrato azzurro.

Ho la versione Modernbb, qualcuno può aiutarmi? Grazie mille!                 

Ciao, penso che sia una cosa voluta diciamo che quello è una sorta di bottone, infatti se lo clicchi ti dovrebbe comparire la finestra apposita.

Puoi ovviamente però personalizzarlo, cambiandogli dimensione, colore, inserendoci un'immagine, ecc... esempio:


Ho notato che i testi non sono tradotto in italiano. Ti serve un aiuto a riguardo?

Ciao, grazie mille per la risposta...

a tradurlo ce l'ho fatta ahah, ho praticamente usato il box di ricerca mettendo le parole portoghesi dell'originale e quindi cambiandole in italiano (lo dico così se qualcuno ha questo problema c'è scritto).
Però non sono riuscito a trovare il "pezzo" di codice dove potessi modificare l'immagine.
Potresti indicarmelo?

Praticamente nel codice javascript ci sono all'interno anche alcuni codici CSS. Modificando quelli lì si è in grando di personalizzarle il tutto a proprio piacimento.

In particolare una parte che gestisce l'aspetto di quel bottone è la seguente:

Codice:

      '.fa-memberlist-toggler {',
      '  width: 45px;',
      '  height: 45px;',
      '  box-sizing: border-box;',
      '  background-color: #39c;',
      '  position: relative;',
      '  border-radius: 0 5px 0 0;',
      '  transition: all 200ms;',
      '}',

(Se la modifichi stai attento alle virgole e agli apici)

Ciao!

Ma in queste righe dove posso inserire la lente che hai messo tu nell'esempio?

Ciao, ho notato che di default c'è già un'icona, ma compare solo su ModernBB in quanto servirebbe font awesome installato.


Per installarlo, aggiungi il seguente link tra i metatag CSS del tuo forum:

https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Grazie mille, ho risolto!

Buonaserata.

Perfetto, prego!

Buona serata