ModernBB : Modifier l'icône pour Casimages sur l'éditeur

[*Splash*]

Hi,

Grâce à ce lien : https://forum.forumactif.com/t376209-peut-on-changer-l-hebergeur-d-image, j'ai collé le code js pour Casimage à la fin des Templates viewtopic_body et posting_body

À l'éditeur l'icône de visualisation est celui de Youtube



Il y a moyen de changer cet icône ?

Le code js utilisé :

Code:

<script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-casimages" unselectable="on" title="héberger une image avec Casimages"><div unselectable="on"></div></a>').insertAfter('.sceditor-button-servimg');
      $('.sceditor-button-casimages').click(function(e){
        e.preventDefault();
        if($('.sceditor-casimages').length == 0){
            $('<div class="sceditor-dropdown sceditor-casimages"><p><iframe style="width: 400px; height: 100px;" src="http://www.casimages.com/module_ext.php" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body');
        }else{
            $('.sceditor-casimages').fadeToggle();
        };
        var y = $('.sceditor-button-casimages').offset().top+30;
        var x = $('.sceditor-button-casimages').offset().left;
        $('.sceditor-casimages').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>  

Par avance merci

[Invité]

Hello *Splash*,

il suffit de trouver la div:

Code:

<div unselectable="on"></div>

Et de lui donner un style avec une image de 16px par 16px

Code:

<div unselectable="on" style="background-image:url(https://i.servimg.com/u/f87/11/26/21/37/file_p10.png)"></div>

Le script complet:

Code:

  <script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-casimages" unselectable="on" title="héberger une image avec Casimages"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f87/11/26/21/37/file_p10.png)"></div></a>').insertAfter('.sceditor-button-servimg');
      $('.sceditor-button-casimages').click(function(e){
        e.preventDefault();
        if($('.sceditor-casimages').length == 0){
            $('<div class="sceditor-dropdown sceditor-casimages"><p><iframe style="width: 400px; height: 100px;" src="http://www.casimages.com/module_ext.php" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body');
        }else{
            $('.sceditor-casimages').fadeToggle();
        };
        var y = $('.sceditor-button-casimages').offset().top+30;
        var x = $('.sceditor-button-casimages').offset().left;
        $('.sceditor-casimages').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>

A bientôt sur le fofo cher ami .

a++

[*Splash*]

Merci à toi Milouze, et à bientôt