Inserire avatar nella chatbox

Da **Niko** Ven 20 Feb 2015 - 11:18

Avatar nelle chatbox Forumattivo

Avatar nelle chatbox Forumattivo

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]

Importante

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
esempio
color:red !important;

Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth FORUMATTIVO.COM