Aggiungere Signal alla barra dei social network

3 partecipanti

Risolto Aggiungere Signal alla barra dei social network

Messaggio Da Armandone Gio 10 Giu 2021 - 17:20

Vorrei aggiungere Signal alla barra dei social network insieme a facebook, twitter, ecc. Si può fare?


Ultima modifica di Armandone il Mar 15 Giu 2021 - 21:28 - modificato 1 volta.
Armandone
Armandone
Nuovo membro

Sesso : Maschio
Età : 67
Messaggi : 33
Località : Italia

https://camper-antenati.forumattivo.com
Armandone è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da MattiaDes Sab 12 Giu 2021 - 12:54

Buongiorno happy certamente è possibile, si può fare tramite javascript. Vai nel pannello di amministrazione > Moduli > Gestione dei codici javascript

Aggiungi un nuovo codice in tutte le pagine:

Codice:
$(function() {
          var share = {
         
            text : _lang.Share,
       
            buttons : {
              /* DEFAULT SHARE BUTTONS */
              fb : {
                enable : true,
                title : 'Condividi su Facebook'
              },
           
              twitter : {
                enable : true,
                title : 'Condividi su Twitter'
              },

              mail : {
                enable : true,
                title : 'Invia per email questa pagina'
              },
           
              rss : {
                enable : true,
                title : 'Guarda il RSS feed'
              },

       
              /* START CUSTOM SHARE BUTTONS */
           
              /* extra share buttons */
              tumblr : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
                title : 'Share on Tumblr',
             
                onclick : function(e) {
                  window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
                  e.preventDefault();
                }
              },
           
              reddit : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
                title : 'Share on Reddit',
             
                onclick : function(e) {
                  window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
                  e.preventDefault();
                }
              },
           
              /* misc buttons */
              print : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/print11.png" />',
                title : 'Print this page',
             
                onclick : function(e) {
                  window.print();
                  e.preventDefault();
                }
              },
           
              copy_url : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/link10.png" />',
                title : 'Copy BBCode URL',
             
                onclick : function(e) {
                  prompt('Copy the BBCode URL of this page ?', '[url=' + window.location.href + ']' + document.title + '[/url]');
                  e.preventDefault();
                }
              },
             
              bottom : {
                enable : true,
                innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/bottom11.png" />',
                title : 'Bottom of the page',
                href : '#bottom'
              }
              /* END CUSTOM SHARE BUTTONS*/
            }
          },
       
          newList = document.createElement('SPAN'),
          fa_share,
          fa_share_text,
          existingNode,
          newNode,
          i, k;
       
          $(function() {
            fa_share = document.getElementById('fa_share');
            fa_share_text = document.getElementById('fa_share_text');
            if (!fa_share) return;
         
            // apply new share text
            if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';
       
            // redefine share buttons
            for (i in share.buttons) {
              existingNode = document.getElementById('fa_' + i);
       
              // modify exisiting share buttons
              if (existingNode) {
                if (share.buttons[i].enable) {
                  for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
                  newList.appendChild(existingNode);
                }
                else existingNode.parentNode.removeChild(existingNode);
              }
           
              // create a new share button
              else if (share.buttons[i].enable) {
                newNode = document.createElement('A');
                newNode.id = 'fa_' + i;
             
                for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
                if (!newNode.href) newNode.href = '#';
             
                newList.appendChild(newNode);
              }
       
            }
       
            fa_share.appendChild(newList);
          });
        });

Nel codice precedente puoi sia disabilitare le icone presenti di default (facebook, twitter, email, rss), che aggiungerne delle nuove.

Nel codice precedente come icone nuove sono state aggiunte: Tumblr, Reddit, bottone per stampare la pagina, bottone per andare in fondo alla pagina, bottone per ottenere il link BBCode della pagina

Se ti interessa solo aggiungere Signal ti posso fornire il codice con solo quella icona in più. Bisogna però trovare o creare un'icona da associare al bottone e associarci il link


Aggiungere Signal alla barra dei social network Z_user10

Aggiungere Signal alla barra dei social network 1300 Aggiungere Signal alla barra dei social network 2203 Aggiungere Signal alla barra dei social network 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 28
Messaggi : 5129
Località : Italy

http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da Armandone Mar 15 Giu 2021 - 21:39

Il codice ha aggiunto le icone indicate (Tumblr, ecc.), ma non Signal. Immagino sia facile sostituire una di quelle indicate (p.e. Share on Reddit che non m'interessa), ma non conosco il Java script. Puoi mandarmi il codice aggiungendo signal? Grazie.


Ultima modifica di Armandone il Mar 15 Giu 2021 - 21:45 - modificato 1 volta. (Motivazione : Precisazione)
Armandone
Armandone
Nuovo membro

Sesso : Maschio
Età : 67
Messaggi : 33
Località : Italia

https://camper-antenati.forumattivo.com
Armandone è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da Niko Gio 17 Giu 2021 - 1:38

Gentile @Armandone

vedo che è presente l'icona risolto. Devo dare per risolto il problema, oppure si tratta di una svista e hai ancora bisogno di supporto?

A presto :thanks:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9432
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da Armandone Gio 17 Giu 2021 - 18:23

Si scusa, pensavo di aver risolto perché avevo subito visto comparire le altre icone. Puoi aiutarmi a mettere questa benedetta icona di Signal?
Armandone
Armandone
Nuovo membro

Sesso : Maschio
Età : 67
Messaggi : 33
Località : Italia

https://camper-antenati.forumattivo.com
Armandone è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da MattiaDes Gio 17 Giu 2021 - 22:20

Ciao, scusa la risposta in ritardo. Sì, bastava modificare il codice e sostituire l'icona e il link e cancellare quelle che non volevi usare.

Ti ho riscritto il codice lasciato solo le icone di default + quella di signal happy

Codice:
    $(function() {
              var share = {
           
                text : _lang.Share,
         
                buttons : {
                  /* DEFAULT SHARE BUTTONS */
                  fb : {
                    enable : true,
                    title : 'Condividi su Facebook'
                  },
             
                  twitter : {
                    enable : true,
                    title : 'Condividi su Twitter'
                  },

                  mail : {
                    enable : true,
                    title : 'Invia per email questa pagina'
                  },
             
                  rss : {
                    enable : true,
                    title : 'Guarda il RSS feed'
                  },

         
                  /* START CUSTOM SHARE BUTTONS */
             
                  /* extra share buttons */
             
                  signal : {
                    enable : true,
                    innerHTML : '<img src="https://i.imgur.com/KjpPrJj.png" />',
                    title : 'Signal',
               
                    onclick : function(e) {
                      window.open('https://signal.org/it/');
                      e.preventDefault();
                    }
                  }

                  /* END CUSTOM SHARE BUTTONS*/
                }
              },
         
              newList = document.createElement('SPAN'),
              fa_share,
              fa_share_text,
              existingNode,
              newNode,
              i, k;
         
              $(function() {
                fa_share = document.getElementById('fa_share');
                fa_share_text = document.getElementById('fa_share_text');
                if (!fa_share) return;
           
                // apply new share text
                if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';
         
                // redefine share buttons
                for (i in share.buttons) {
                  existingNode = document.getElementById('fa_' + i);
         
                  // modify exisiting share buttons
                  if (existingNode) {
                    if (share.buttons[i].enable) {
                      for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
                      newList.appendChild(existingNode);
                    }
                    else existingNode.parentNode.removeChild(existingNode);
                  }
             
                  // create a new share button
                  else if (share.buttons[i].enable) {
                    newNode = document.createElement('A');
                    newNode.id = 'fa_' + i;
               
                    for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
                    if (!newNode.href) newNode.href = '#';
               
                    newList.appendChild(newNode);
                  }
         
                }
         
                fa_share.appendChild(newList);
              });
            });

Devi comunque modificare questa parte del codice con il link del tuo signal:

Codice:
window.open('https://signal.org/it/');


Aggiungere Signal alla barra dei social network Z_user10

Aggiungere Signal alla barra dei social network 1300 Aggiungere Signal alla barra dei social network 2203 Aggiungere Signal alla barra dei social network 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 28
Messaggi : 5129
Località : Italy

http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Aggiungere Signal alla barra dei social network

Messaggio Da Armandone Sab 19 Giu 2021 - 18:49

Perfetto grazie.
Armandone
Armandone
Nuovo membro

Sesso : Maschio
Età : 67
Messaggi : 33
Località : Italia

https://camper-antenati.forumattivo.com

A MattiaDes piace questo messaggio.

Armandone è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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