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

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

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

Message par *Splash* Dim 23 Sep 2018 - 21:16

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

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

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
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Lun 24 Sep 2018 - 5:51

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 Wink .

a++

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par *Splash* Lun 24 Sep 2018 - 7:01

Merci à toi Milouze, et à bientôt
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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