Inserire Avatar nella Chatbox


Tutorial Inserire Avatar nella Chatbox

Messaggio Da Niko Mer 27 Gen 2021 - 1:22

Inserire Avatar nella Chatbox


Definizione

Recentemente abbiamo fatto dei significativi cambiamenti alla nostra chatbox, implementando una Nuova chatbox. In parallelo, i nostri tecnici hanno sviluppato una nuova opzione :W:

Da questo momento, potrete avere i vostri #avatar all'interno della #chatbox

Inserire Avatar nella Chatbox Avatar10

Come attivare l'opzione
Ovviamente, questa opzione non è obbligatoria e il fondatore del forum è libero di scegliere se attivare la funzione oppure no Wink
Per gestire questa opzione, basta andare verso[b PDA > Moduli > Chatbox > Configurazione[/b]

Inserire Avatar nella Chatbox Avatar11

.Inserire Avatar nella Chatbox HURHAdp.Come potete notare, con la versione classica il layout è esattamente lo stesso di prima. In ogni caso, per migliorare la leggibilità, l'orario è
allineato a destracon la nuova opzione!

Modifiche possibili da inserire nel foglio di stile

Vi proponiamo alcuni codici css che potreste usare per modificare lo stile della vostra chatbox, una volta attivata l'opzione Wink

  • Cambiare la dimensione dell'avatar
    Codice:
    /* Avatar size */
    #chatbox .cb-avatar > img {
      height: 30px;
      width: 30px;
    }

  • Cambiare lo stile dell'avatar
    Codice:


    /* Layer of avatar */

    #chatbox .cb-avatar {
      float: left;
      margin-right: 4px;
      background: none repeat scroll 0 0 #fff;
      border: 1px solid #d5d5d5 !important;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      height: 30px;
      padding: 1px;
      vertical-align: middle;
      width: 30px;
    }

  • Cambiare il divisore tra i messaggi
    Codice:
    /*
    Dividing line */
    #chatbox > p {
      border-bottom: 1px solid #d5dde5;
    }


Per la maggior parte dei cambiamenti dello stile nella chatbox, potreste dover utilizzare il flag !important dal momento che il foglio di stile della chatbox viene caricato DOPO il foglio di stile nel vostro pannello di amministrazione; un esempio: color:red !important;


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8314
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.