Bouton supplémentaire pour hébergeur images dans barre des tâches.

[Candie]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://planetegraphisme.creationforum.net/

Description du problème

Bonjour.
Avant tout sachez que je travaille sur ce sujet avec un administrateur de mon forum qui s'y connait mieux que moi en Css ou javascript, il viendra donc peut-être se mêler à notre conversation.

Nous avons choisi de mettre un texte dans Template > Général , trouvé ICI
Voir imprim'écran :



Une fois le Template mis en place voici ce que cela a donné :

Le souci c'est que c'est une icône Youtube qui s'y met d'office et je voudrais donc remplacer cette icône par une icône pour l'hébergeur Goopics ou Hostingpics (à voir suivant vitesse d'hébergement).

- Peut-on également enlever uVne des icônes présente d'office dans cette barre des tâches pour ré-avoir les icônes sur une seule ligne ?
Le résultat que nous aimerions obtenir est ce que l'on voit sur le 1er imprim'écran posé sur ce post.


Merci d'avance pour vos réponses.

[cedric03]

bonjour j'ai utiliser le code de "Self "

viewtopic_
body

Code:

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

et dans" posting_body"

Code:

.sceditor-button-hostimg div {
    background-position: center center !important;
    background-image: url('http://pbs.twimg.com/profile_images/1106463847/Sans-titre-3_normal.gif') !important;
    background-size: 16px;
}

et j'ai ce resultat



2 icones Youtubes

merci si vous pouvez nous apporter votre aide

bonne soirée

[oxymore]

Bonjour

Votre code fonctionne mais il faut mettre
Dans viewtopic_body

Code:

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

Dans posting_body

Code:

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

Et dans votre css

Code:

.sceditor-button-hostimg div {
    background-position: center center !important;
    background-image: url('http://pbs.twimg.com/profile_images/1106463847/Sans-titre-3_normal.gif') !important;
    background-size: 16px;
}

Pour ne pas afficher des icones vous pouvez mettre dans le css

Code:

Class du bouton{
    display:none !important;
}

exemple avec youtube

Code:

.sceditor-button-youtube{
    display:none !important;
}

[cedric03]

Bonjour Oxymore

Merci encore un un problème résolut ;

je vais le mettre dans notre forum dés demain

merci bonne soirée

[Chacha]

Bonjour Oxymore

Merci encore un un problème résolut ;

je vais le mettre dans notre forum dés demain

merci bonne soirée

Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

[cedric03]

bonjour Chacha

j'avais pas finit mes essais ,alors que le code fonctionne parfaitement sur le forum test ,il fonctionne pas sur le notre forum https://planetegraphisme.creationforum.net/forum ;

je suis entrain de voir pourquoi et la fondatrice viendra mettre résolu aussitôt qu'on aura finit

merci pour tout ce que vous faites

bonne journée

[Candie]

Bonsoir
Impossible de mettre le doigt sur ce qui ne fonctionne pas.
Sur le forum test voir ICI le bouton Hostingpics marche, sur Planète graphisme pas.
Les permissions dans les PA sont pratiquement les mêmes.
Nous continuons les tests...

[Candie]

ça y est pour le bouton a rajouter, on a trouvé.
Sur notre forum test où ça marchait, dans le PA : Affichage > Templates > Général, l'option "Forcer les Templates par défaut" était cochée, pas sur le forum Planète Graphisme.
je ne mets pas encore le sujet en résolu car maintenant quand on fait NOUVEAU (ouvrir un sujet) cette icône n'apparait pas dans le 1er post ni dans les MP ni quand on édite un sujet.
On cherche...
Si quelqu'un a une idée, elle sera la bienvenue.

[Candie]

personne n'a d'idées sur le fait que le bouton hp soit aussi visible quand on crée un nouveau post ?

[Candie]

Toujours pas d'idées ?

[Neptunia]

Bonjour ^^


Simple question de bon sens !

Oxymore vous donne deux templates à modifier, si vous forcez les templates par défaut, c'est comme s'ils n'avaient jamais été modifiés et je ne vois même pas comment cela pourrait fonctionner sur la réponse rapide puisque là aussi le viewtopic_body est à sa valeur par défaut donc sans l'ajout du bouton sur l'éditeur.

Maintenant qu'est ce qui change entre votre forum test et l'autre ? Il suffit de regarder le début de l'adresse pour comprendre. http:// pour le fofo test, https:// pour l'autre.

Même problème qu'ici et par conséquent même solution.
Problème de Script pour Mettre Hosting Pic

[Invité]

Hello Candie et Hélène ,

pourquoi ne pas se servir que d'un seul script ?
Ce dernier sur toutes les pages fonctionne très bien :


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.
Déposes ceci:

Code:


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



Penses à cliquer sur le bouton VALIDER
a++

[cedric03]

bonsoir Neptunia

ce sujet a était ouvert bien avant que celui que tu indique;
et le problème est a moitié résolut parce que lorsque qu'on fait edit ou pour un nouveau sujet rien change et comme nous essayons de résoudre par nous même avant de vous solliciter lol

a bientôt et bonne soirée

[cedric03]

bonsoir Milouze14

pour notre forum nous y avons penser ,mais quand dernier recours et dans le footer ,l'adresse de hospics et de goopics elles ont etaient ajouter

bonne soirée

[Invité]

Hello cedric03,

bonsoir Milouze14

pour notre forum nous y avons penser ,mais quand dernier recours et dans le footer ,l'adresse de hospics et de goopics elles ont etaient ajouter

bonne soirée

ben pourquoi s'ennuyer a mettre deux scripts identiques dans deux templates ?
a++

[cedric03]

parce c'est important pour nos membres d'avoir toujours le même environnement

[Neptunia]

Coucou Philippe

ben pourquoi s'ennuyer a mettre deux scripts identiques dans deux templates ?

Ca évite de charger inutilement un script sur toutes les autres pages.
Personnellement quand je peux éviter le script "sur toutes les pages", je l'évite. Quitte à modifier plusieurs templates.