La data/ora di oggi è Dom 21 Lug 2019 - 3:11

5 risultati trovati per "chatbox"

Personalizzazione della chatbox

Personalizzazione della chatbox



Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Images10 Personalizza la tua chatbox Forumattivo !

Ecco a voi alcuni codici importantissimi e utili per personalizzare i testi e gli sfondi della vostra #chatbox Wink
Non dovrete fare altro che copiare e incollare i codici che prefererite (quanti ne volete) nel vostro foglio di stile #css :

Pannello di amministrazione Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Arrow10 Visualizzazione Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Arrow10 Colori Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Arrow10 "Foglio di stile CSS"

Modifica i colori di sfondo
Modifica i colori dei testi
Altre modifiche (avatars, bottoni, linee,...)


Modifica dei colori di sfondo della chatbox

Ecco a voi un esempio di una chatbox con i colori di sfondo modificati, per aiutarvi poi a capire meglio in fondo:

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Dxg9

Idea Per ogni codice dovrete modificare COLORE con quello che preferite

►Modifica lo sfondo della parte iniziale della chatbox (in blu nell'esempio)
Codice:
#chatbox_header, td.catBottom, #chatbox_header.main-head {
  background: COLORE;
}


► Modificare la parte dei membri (in verde nell'esempio)
Codice:
#chatbox_members {
  background: COLORE;
}


► Modificare lo sfondo dell'intestazione della lista dei membri (in rosso nell'esempio)
Codice:
#chatbox_members .member-title {
  background: COLORE;
}


► Modificare lo sfondo della parte chat (in viola nell'esempio)
Codice:
#chatbox {
  background: COLORE;
}


► Modificare il colore dello sfondo delle righe "pari" (in arancione nell'esempio)
Codice:
.chatbox_row_1 {
  background: COLORE;
}


► Modificare il colore dello sfondo delle righe "dispari" (in azzurro nell'esempio)
Codice:
.chatbox_row_2 {
  background: COLORE;
}


► Modificare il colore di sfondo della barra dei bottoni (in rosa nell'esempio)
Codice:
#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: COLORE;
}


► Modificare lo sfondo della zona di edizione (in grigio nell'esempio)
Codice:
#chatbox_footer #message {
  background: COLORE;
}




Modifica dei colori del testo nella chatbox

Idea Per ogni codice dovrete modificare COLORE con quello che preferite

► Modifica il colore del titolo della chatbox
Codice:
.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color: COLORE !important;
}

Il !important è da lasciare alla fine della riga

► Modifica il colore dei link e le opzioni in alto a destra della chatbox
Codice:
.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: COLORE;
}



► Modifica dei colori dei titoli nella parte della lista dei membri (connesso, assente)
Codice:
#chatbox_members .member-title {
  color: COLORE;
}



► Modifica dei colori dei messaggi verdi per la connessione di un membro
Codice:
.msg span[style="color:green"] strong {
  color: COLORE;
}



► Modificare dle colore dei messaggi rossi per la disconnessione di un membro
Codice:
.msg span[style="color:red"] strong {
  color: COLORE;
}



► Modifica del colore dei messaggi in /me:
Codice:
.msg span[style="color:undefined"] {
  color: COLORE;
}



► Modifica il colore di data/ora
Codice:
.date-and-time {
  color: COLORE;
}



Altre modifiche nella chatbox

► Non visualizzare data e ora dei messaggi
Codice:
.date-and-time {
  display: none;
}



► Modifica il colore del bordo nei messaggi (quando gli avatar nella chatbox sono attivi)
Codice:
#chatbox > p {
  border-color: COLORE !important;
}



► Nascondi i bordi nei messaggi (quando gli avatar nella chatbox sono attivi)
Codice:
#chatbox > p {
  border: none !important;
}


► phpBB3 : Nascondi gli spazi tra i messaggi
Codice:
#chatbox > p {
  margin: 0;
}



► Modifica le dimensioni degli avatar nella chatbox
Codice:
#chatbox .cb-avatar {
  width: auto !important;
  height: auto !important;
}
#chatbox .cb-avatar > img {
  width: auto !important;
  height: auto !important;
  max-width: 50px;  /*larghezza massima degli avatar nella chatbox*/
  max-height: 50px;  /*altezza massima degli avatar nella chatbox*/
}


Modificate i valori dell'altezza massima e della larghezza massima (qui 50px per entrambi) a vostra preferenza. Questo codice permette anche di evitare la deformazione delle immagini Wink


► Nascondi i colori di sfondo negli avatar
Codice:
#chatbox .cb-avatar {
  background: none !important;
}



► Modifica i bottoni della chatbox

I codici successivi permettono la modifica dei colori di fondi di bottoni e testo dei bottoni, e dei bordi degli stessi

Codice:
#chatbox_footer #divcolor, #chatbox_footer #divsmilies, #chatbox_footer #help-button, #chatbox_footer #submit_button, #chatbox_footer .format-message + label {
  background: COLORE !important;
  color: COLORE !important;
  border: 1px solid COLORE;
}


Sostituite COLORE con il colore a vostra scelta
Les !important sont à laisser juste après les codes des couleurs.

Potete anche modificare/completare questo codice a vostro gusto, aggiungendo per esempio:
border-radius: 50%;
per avere dei bordi arrotondati, ottenendo quindi:

Codice:
#chatbox_footer #divcolor, #chatbox_footer #divsmilies, #chatbox_footer #help-button, #chatbox_footer #submit_button, #chatbox_footer .format-message + label {
  background: COLORE !important;
  color: COLORE !important;
  border: 1px solid COLORE;
  border-radius: 50%;
}



► Modifica la larghezza della colonna dei membri
Codice:
#chatbox_members {
  width: 100px;  /*larghezza della colonna dei membri connessi alla chatbox*/
}
#chatbox {
  left: 101px;  /*stessa larghezza + 1px */
}


Modificate i valori (qui 100 e 101) come preferite :bene:


► Modifica dell'altezza della chatbox sull'indice
Codice:
#chatbox_top, #chatbox_bottom {
  height: 500px !important;
}


Modificate il valore (qui 500px) per l'altezza.
Il flag !important è da lasciare alla fine della riga




Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Tutori10 Altri tutorial per la tua chatbox
Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Astuce10 10 Codici per personalizzare la tua chatbox


Da Niko
il Ven 12 Giu 2015 - 12:15
 
Situato in: Tutorial
Argomento: Personalizzazione della chatbox
Risposte: 0
Visite: 1868

Chatbox: codici per personalizzarla!

Chatbox: codici per personalizzarla!

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Groupe10

Chatbox: codici per personalizzarla!

Questo tutorial ti permetterà di personalizzare al meglio la vostra #chatbox, aggiungendoci anche ulteriori nuove funzioni. Di festa

Attenzione: Per aggiungere script nel tuo forum devi andare nel Pannello di amministrazione ► Moduli ► HTML & JAVASCRIPT ► Gestione dei codici Javascript ►  :new: Nuovo codice

Come posizione: L'Indice

1. Titolo per le Notifiche

Questo script ti permette di cambiare in automatico il titolo presente nella finestra (tab) quando si riceve un nuovo messaggio in chatbox.

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Visual11

Codice:
window.localStorage && $(window).load(function() {
  var chatbox_script = function() {
    var t_icon = window.top.$.find('link[rel="shortcut icon"]')[0];
    var t_doc = window.top.document;
    var title = t_doc.title;
    var icon = t_icon.getAttribute('href');

    var rep_title = '!! New message !! '+title;
    var rep_icon = 'http://s301826463.onlinehome.fr/f/al.ico';

    $(window).on("focus", function(){ localStorage.cb_blurred='' }).on("blur", function(){ localStorage.cb_blurred=1; });
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      if (data.messages && data.messages.length) {
        var lm = data.messages.slice(-1)[0];
        var last_message = lm.time+','+lm.action+','+lm.msg;
        if(this.last_message != last_message) {
          var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
          user = user.length ? user[0] : [{}];
          if(this.last_message!==undefined) {
            if(lm.userId!=chatbox.userId && user.username!=lm.username) {
              if(localStorage.cb_blurred) (function(){
                var blink = function(){
                  if(title == t_doc.title) {
                    if(!localStorage.cb_blurred) return;
                    var new_title = rep_title;
                    var new_icon = rep_icon;
                  } else {
                    var new_title = title;
                    var new_icon = icon;
                  }
                  t_doc.title = new_title;
                  var new_t_icon = t_icon.cloneNode(true);
                  new_t_icon.setAttribute('href', new_icon);
                  var t_icon_parent = t_icon.parentNode;
                  t_icon_parent.removeChild(t_icon);
                  t_icon_parent.appendChild(new_t_icon);
                  t_icon = new_t_icon;
                  setTimeout(blink, 500);
                };
                blink();
              })();
            } else {
              localStorage.cb_blurred='';
            }
          }
          this.last_message = lm;
        }
      }
      overrided.call(this, data);
    };
  };

  var
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


2. Cambiare il Titolo della Chatbox

Hai sempre desiderato cambiare nome alla chatbox? Da ora è possibile grazie a questo script. Tutto quello che dovrai fare è modificare "TITOLONUOVO" con il nome che si vuole mettere.

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Chat211

Codice:

$(window).load(function() {
  var chatbox_script = function() {
    $("a.chat-title").text("TITOLONUOVO");
  };

  var
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


3. Rimuovere gli Avvisi della Chatbox

Vuoi rimuovere quei fastidiosi affisi della chatbox che ti segnalano quando un utente si connette o sconette dalla chatbox? Usa questo script:

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Chat310

Codice:

$(window).load(function() {
  var chatbox_script = function() {
    $('#chatbox > p > .msg > span').filter('[style="color:green"],[style="color:red"]').closest('p').remove();
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      if (data.messages && data.messages.length) {
        data.messages = $.grep(data.messages, function(v) {
          return v.userId != -10 || $.inArray(v.msgColor, ["red", "green"]) == -1;
        });
      }
      overrided.call(this, data);
    };
  };

  var
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


4. Connessione Automatica

Se vuoi che i tuoi utenti si connettano automaticamente alla chatbox senza utilizzare alcun bottone, utilizza questo script:

Codice:
$(window).load(function() {
  var chatbox_script = function() {
    setTimeout(function(){ $('#chatbox_option_co:visible').click() }, 1000);
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


5. Cambiare Prefiss ai Moderatori in Chat

Vuoi cambiare il prefisso (@) per i moderatori nella chatbox con una immagine? Utilizza questo script modificando la parte con il link dell'icona da te scelto.

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Captu128

Codice:
$(window).load(function() {
  var chatbox_script = function() {
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      overrided.call(this, data);
      $('.chatbox-username').each(function(){
        this.previousSibling&&$.trim(this.previousSibling.nodeValue)=="@"&&$(this.previousSibling).replaceWith('<img src="http://i.imgur.com/zICIAne.png" /> ')
      })
    };
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


6. Messaggio al Log-in

Questo script permette di aggiungere un messaggio qualsiasi appena ci si connette alla chatbox. E' inoltre possibile personalizzarlo attraverso la variabile #chatbox.recently-connected:after via CSS

Codice:
$(window).load(function() {
  var chatbox_script = function() {
    $('#chatbox_option_co').click(function(){
      $('#chatbox').addClass('recently-connected');
      setTimeout(function(){ $('#chatbox').removeClass('recently-connected') }, 60000)
    })
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


7. Archivi in una Nuova Pagina

Utilizza questo script se vuoi che gli archivi (i log della chatbox) siano visualizzati in una nuova pagina a parte:

Codice:
$(window).load(function() {
  var chatbox_script = function() {
    $("#chatbox_option_with_archives a").attr('target', 'ChatBox');
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


8. Impostare un Avatar di Default

Utilizza questo script se hai gli avatar abilitati nella tua chatbox e vuoi che ce ne sia uno di default per coloro che non hanno una immagine di profilo. Puoi scegliere quale immagine modificare modificando la variabile var default_avatar:

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Captu126

Codice:
$(window).load(function() {
  var chatbox_script = function() {
 
    var default_avatar = 'http://illiweb.com/fa/invision/pp-blank-thumb-38px.png';
    var ava_in_member_list = true;
    var ava_in_indirect_message = true;
 
    var avatars = {};
    var d;
    var set_avatar = function(pseudo, elem_to_prepend){
      var avatar = avatars[pseudo];
      var el = $(this);
      elem_to_prepend.find('.cb-avatar').remove();
      elem_to_prepend.prepend('<span class="cb-avatar"><img src="'+(avatar||default_avatar)+'"></span> ');
      if(!avatar) {
        if(!d) {
          d = $.get('/memberlist?change_version=prosilver').done(function(c){
            $('.avatar-mini img', c).each(function(){
              avatars[$(this).parent().text().substr(1)]= $(this).attr('src')
            })
          })
        }
        d.done(function(){
          var avatar = avatars[pseudo];
          elem_to_prepend.find('.cb-avatar img').attr('src', avatar||default_avatar)
        })
      }
    };
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      var next_scroll = false;
      if (data.messages && data.messages.length) {
        $.each(data.messages, function(_,m){
          if(ava_in_indirect_message)
            m.msgColor+='\' data-username=\''+$('<div/>').text(m.username).html();
          if(m.user && m.user.avatar)
            avatars[m.username] = m.user.avatar
        });
        next_scroll = !this.messages || this.messages.length != data.messages.length;
      }
      overrided.call(this, data);
      d = null;
      ava_in_member_list && $('#chatbox_members .chatbox-username').each(function(){
        set_avatar($(this).text(), $(this).parent());
      });
      ava_in_indirect_message && $('#chatbox p > .msg').wrap('<span class="user-msg indirect-user-msg" />').each(function(){
        set_avatar($(this).children().attr('data-username'), $(this).parent());
      });
      if(next_scroll) $("#chatbox")[0].scrollTop = $("#chatbox").prop('scrollHeight') * 2
    };
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


Nuovi codici prossimamente :W:



Tutorial creato da Ea del forum di supporto francese
Copyrigth ©️ FORUMATTIVO.COM


Da MattiaDes
il Lun 27 Apr 2015 - 16:49
 
Situato in: Tutorial
Argomento: Chatbox: codici per personalizzarla!
Risposte: 0
Visite: 1809

Inserire avatar nella chatbox

Avatar nelle chatbox Forumattivo

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

Hashtag chatbox 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
 
Situato in: Domande e risposte frequenti
Argomento: Inserire avatar nella chatbox
Risposte: 0
Visite: 1048

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 chatbox 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 chatbox su Forum dei Forum: Aiuto per Forumattivo Avatar11

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



Hashtag chatbox 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 chatbox 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
 
Situato in: Avvisi ed aggiornamenti
Argomento: Avatar nelle vostre chatbox!
Risposte: 15
Visite: 3708

Chatbox: un nuovo aggiornamento per voi!

Chatbox: un nuovo aggiornamento per voi!


Cari membri,

Per alcuni mesi abbiamo avuto alcuni problemi con la nostra chatbox. Alcuni di voi hanno riportato dei problemi con la #chatbox ed è perfettamente normale ! E' per questo che la nostra equipe tecnica ha deciso di lavorare su una nuova chatbox lavorando

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Nuova_11

Non ci sono grandi differenze nel design e nella struttura, solamente alcuni miglioramenti Wink
In ogni caso il codice non è lo stesso. Dovrebbe risolvere tutti i problemi che sono stati riportati precedentemente per un'esperienza di chatting ancora migliore!

Ovviamente si trova attualmente in Beta Test. Per questo, potrebbero presentarsi alcuni bug. Sarebbe fantastico se poteste segnalare i problemi in modo da migliorare la chatbox nel modo migliore possibile :good:

In aggiunta abbiamo inserito un nuovo comando /help in modo che possiate conoscere i nuovi comandi presenti nella chatbox. Dovete semplicemente digitare il comando oppure premere il seguente bottone

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo 0nuova10

In seguito un popup comparirà con una spiegazione dei comandi. Questi comandi dipendono dai vostri permessi sul forum:

Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo Explan10

Exclamation Le traduzioni sono già state inviate e a breve verranno messe online Hashtag chatbox su Forum dei Forum: Aiuto per Forumattivo 3119626608

Aspettiamo i vostri feedbacks :W: :cuore:


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


Da Niko
il Mer 4 Feb 2015 - 20:15
 
Situato in: Avvisi ed aggiornamenti
Argomento: Chatbox: un nuovo aggiornamento per voi!
Risposte: 19
Visite: 2055

Torna in alto

Vai verso: