Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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* le 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 habitué(e)

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

https://lesforums.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 Milouze14 le 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++

Milouze14

Milouze14
Membre actif

Masculin
Messages : 5629
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 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* le Lun 24 Sep 2018 - 7:01

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

*Splash*
Membre habitué(e)

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

https://lesforums.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


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