Inserire Avatar nella Chatbox

Da **Niko** Mer 27 Gen 2021, 01: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

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]

..	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;