Compteur de visites gratuit
CAForum infos
Septembre 2019
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Calendrier Calendrier

Ajouter un sélecteur de contenu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Lun 26 Nov 2018 - 15:15

  • MP
  • Zoom
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

Ajouter un sélecteur de contenu 1_tiff14

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

Ajouter un sélecteur de contenu 2_tiff14


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 à  Enregistrer  cette modification et à publier le template modifié en cliquant sur Valider



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 à  Valider 2




:u1:
A bientôt
Bye



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Lun 26 Nov 2018 - 20:44

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum