Ajouter un sélecteur de contenu

Hi,

Suite à une réponse donnée pour Milouze14, sur le FDF, voici l'astuce pour ajouter un sélecteur de contenu sur vos forums en version AwesomeBB

Avec cette astuce il suffit juste de cliquer sur Copier le code



Une fois fait il ne reste plus qu'à coller le code ou vous le voulez




Pour avoir l'affichage désiré il faut se rendre dans le template overall_header

Panneau d'administration / Affichage / Templates / Général / overall_header


Recherchez cette variable :

Code:

{T_HEAD_STYLESHEET}

Déposez ceci juste avant :

Code:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Pensez à    cette modification et à publier le template modifié en cliquant sur



Direction le javascript

Panneau d'administration / Modules / Gestion des codes javascript


Mettre ce code sur Toutes les pages :

Code:

/* -- 12. copy code button -- */
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
  window.fae_copyCode = {
    copy : 'Copier le code',
    copied : 'Le code a été copié'
  };
 
  $(function() {
    var a = $('.codebox p').not('.spoiler > dt, .hidecode > dt'),
        i = 0,
        j = a.length;
 
    if (a[0]) {
      $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer}.fae_copy-code:before{content:"\\f0ea";font-size:13px;font-family:FontAwesome;text-align:center;color:#69C;background:#FFF;border-radius:100%;display:inline-block;width:19px;height:19px;line-height:19px;margin:-1px 3px 0 3px}.codebox .fae_copy-code:hover:before{color:#EB5}.codebox .fae_copy-code.fae_copied:before{content:"\\f00c";font-weight:700;color:#8B5}</style>');
 
      for (; i < j; i++) {
        a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code">' + fae_copyCode.copy + '</span>');
      }
 
      new Clipboard('.fae_copy-code',{
        target : function (copy) {
          if (copy.innerHTML != fae_copyCode.copied) {
            return $(copy).closest('.codebox').find('code')[0];
          }
        }
      }).on('success', function (e) {
        var copy = e.trigger;
 
        if (copy.innerHTML != fae_copyCode.copied) {
          copy.innerHTML = fae_copyCode.copied;
          copy.className += ' fae_copied';
 
 
 
          window.setTimeout(function() {
            copy.innerHTML = fae_copyCode.copy;
            copy.className = copy.className.replace('fae_copied', '');
      
          },8000);
        }
 
      
      });
    }
 
  });
});

Pensez à  

:u1:

A bientôt