Aiuto e supporto ai creatori di forum Forumattivo. Creare un forum e amministrarlo. Scopri nuove guide, nuovi tutoriali, nuove astuzie nel supporto di Forumattivo

La data/ora di oggi è Dom 19 Mag 2024 - 11:59

4 risultati trovati per "avatar"

Inserire Avatar nella Chatbox

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

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo 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]

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar11

.Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo 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;

Tutorial creato da Niko



Da Niko
il Mer 27 Gen 2021 - 1:22
 
Cerca in: Domande e risposte frequenti
Argomento: Inserire Avatar nella Chatbox
Risposte: 0
Visite: 1101

Inserire avatar nella chatbox

Avatar nelle chatbox Forumattivo

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Logo10
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

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo 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]

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar11

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo 64x64_13Importante

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;



© Forum dei forum


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

Da Niko
il Ven 20 Feb 2015 - 11:18
 
Cerca in: Avvisi ed aggiornamenti
Argomento: Inserire avatar nella chatbox
Risposte: 0
Visite: 1847

Avatar nelle vostre chatbox!

Avatar all'interno delle vostre chatbox!


Carissimi membri,

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 Di festa

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar10

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 PDA > Moduli > Chatbox > Configurazione

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar11

Speriamo che questa nuova opzione sia di vostro gradimento :bene:


Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Sug1013Hai un suggerimento per una nuova opzione/aggiornamento?
Apri un topic ora nella sezione Suggerimenti per i forum Forumattivo


Buona giornata a tutti Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo 3706843607 :zen:


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

Da Niko
il Lun 16 Feb 2015 - 16:29
 
Cerca in: Avvisi ed aggiornamenti
Argomento: Avatar nelle vostre chatbox!
Risposte: 15
Visite: 4391

Avatar nella colonna "Ultimi argomenti"

Mostra gli avatar nella colonna "Ultimi messaggi"



Cari membri,

Forumattivo vi offre una fantastica opzione sul vostro pannello d'amministrazione!  cheers  cheers 
Questa nuova opzione permette di far mettere gli avatar nella colonna degli ultimi argomenti! Prima si poteva fare tramite codice JS ora semplicemente andando nel nostra pannello d'amministrazione e selezionando una voce.

Exclamation Se state usando dei codici javascript per avere gli #avatar nei vostri ultimi argomento, rimuoveteli :good:

Dimostrazione (anteprima)
Non saranno più necessari codici javascript che causano bug nei vostri forum! Wink
Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar12

Come si attiva questa opzione?
E' molto semplice, vi basterà andare verso PDA ► Visualizzazione ► Prima pagina ► Struttura e Gerarchia

Hashtag avatar su Forum dei Forum: Aiuto per Forumattivo Avatar11

Alcune modifiche necessarie (per i vecchi forum)
 :eli: ATTENZIONI PER LE VERSIONI PHPBB2 E PUNBB :eli: 

 :new: PHPBB2
Fondatori del forum phpBB2 cosa personalizzare: index_box.tpl template e topics_list_box.tpl template deve tener conto delle seguenti modifiche.


  • index_box.tpl:

    Trovare:
    Codice:
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


    Sostituire:
    Codice:
    <!-- BEGIN avatar -->
    <div style="width: 200px;"></div>
    <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->

    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


  • topics_list_box.tpl:

    Trovare:
    Codice:
    <span
    class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br
    />{topics_list_box.row.LAST_POST_AUTHOR}
    {topics_list_box.row.LAST_POST_IMG}</span>


    Sostituire:
    Codice:
    <!-- BEGIN avatar -->
    <div style="width: 200px;"></div>
    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->

    <span
     class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br
    />{topics_list_box.row.LAST_POST_AUTHOR}
    {topics_list_box.row.LAST_POST_IMG}</span>


 :new: PunBB
Fondatori del forum PunBB cosa personalizzare: index_box.tpl template e topics_list_box.tpl template deve tener conto delle seguenti modifiche.


  1. index_box.tpl:

    Trovare:
    Codice:
    <span>
    <!-- BEGIN switch_topic_title -->
    <a
    href="{catrow.forumrow.U_LATEST_TOPIC}"
    title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br
     />
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
    </span>


    Sostituire:
    Codice:
    <!-- BEGIN avatar -->
    <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->

    <span>
    <!-- BEGIN switch_topic_title -->
    <a
     href="{catrow.forumrow.U_LATEST_TOPIC}"
    title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br
     />
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
    </span>


  2. topics_list_box.tpl:

    Trovare:
    Codice:
    {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY}
    {topics_list_box.row.LAST_POST_AUTHOR}
    {topics_list_box.row.LAST_POST_IMG}


    Sostituire:
    Codice:
    <!-- BEGIN avatar -->
    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->

    {topics_list_box.row.LAST_POST_TIME}
     {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
    {topics_list_box.row.LAST_POST_IMG}


Per i forum con la versione PunBB bisognerà aggiungere anche il seguente codice CSS:

Codice:
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 38px;
height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


Ed ora, siete pronti per usare questa fantastica opzione! :good:

Buona giornata! :thanks:


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

Da Niko
il Mer 21 Gen 2015 - 17:33
 
Cerca in: Avvisi ed aggiornamenti
Argomento: Avatar nella colonna "Ultimi argomenti"
Risposte: 0
Visite: 1457

Torna in alto

Vai verso: