[Résolu] Icône a rajouter dans la barre des tâches.

5 participants

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

Résolu [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Lun 1 Sep 2014 - 14:07

Bonjour

J'ai ajouté Hosting comme hébergeur sur mon forum, mais je ne trouve pas comment ajouter une icône dans la barre des tâches de la zone de saisie.

Si quelqu'un a une solution, je suis preneur.

Merci


Dernière édition par FANCH 56 le Mar 2 Sep 2014 - 11:22, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par Invité Lun 1 Sep 2014 - 17:44

Bonjour,

Ea a donné une solution ici : https://forum.forumactif.com/t353027-demande-code-pour-ajout-de-bouton#3007636

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Lun 1 Sep 2014 - 17:50

Hé bien là, je ne comprends rien.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par richere Lun 1 Sep 2014 - 17:56

Bonjour Fanch 56

il faut aller dans affichage > Entête et Navigation,
puis en bas tu as l'option d'ajouter un bouton menu
et de le diriger vers un lien URL de ton choix.
et de le placer ou tu veux avec les petites flèche verte à droite. Smile
richere

richere
****

Messages : 436
Inscrit(e) le : 21/07/2010

https://astro-ciel.com
richere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par Invité Lun 1 Sep 2014 - 18:12

Re,

FANCH 56 a écrit:Hé bien là, je ne comprends rien.

Qu'est-ce que vous ne comprenez pas ?

richere a écrit:Bonjour Fanch 56

il faut aller dans affichage > Entête et Navigation,
puis en bas tu as l'option d'ajouter un bouton menu
et de le diriger vers un lien URL de ton choix.
et de le placer ou tu veux avec les petites flèche verte à droite.

Il s'agit des boutons de l'éditeur et non des boutons de la barre de navigation. Wink

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Lun 1 Sep 2014 - 18:18

Bon vous êtes gentil. Pour le java je sais ou on le créé.

Mais je ne comprends pas le script indiqué, il s'agit d'un bouton éditer.

Ce que je souhaite, c'est cliquer sur le bouton, et qu'une fenêtre s'ouvre comme servimg, mais avec ce qui est ci-dessous

[Résolu] Icône a rajouter dans la barre des tâches. Captur43
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par richere Lun 1 Sep 2014 - 18:23

ok, ben tu vas te créer une nouvelle HTML pour mettre ton hébergeur
et ensuite tu met le URL associé à cette nouvelle page HTML à l'intérieur du nouveau bouton de navigation.
et n'oubli pas de cocher l'option pour qu'elle puisse s'ouvrir dans une nouvelle fenêtre Smile


richere

richere
****

Messages : 436
Inscrit(e) le : 21/07/2010

https://astro-ciel.com
richere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par richere Lun 1 Sep 2014 - 18:27

sinon, le bouton, tu peux aussi l'ajouter dans la zone d'édition de message comme tu veux,
mais je trouve qu'en ajouter dans la barre de navigation est beaucoup plus facille Wink
richere

richere
****

Messages : 436
Inscrit(e) le : 21/07/2010

https://astro-ciel.com
richere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Lun 1 Sep 2014 - 18:38

J'ai créé ma page HTML

Code:
http://www.anciens-cols-bleus.net/h3-hosting-boutton

Mais je mets l'url ou ? dans ce java
Code:

$(function(){$(function(){
       
          $('<a class="sceditor-button" unselectable="on" title="Hosting"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Hosting</div></a>').insertAfter('.sceditor-button-image').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[b][i]","[/i][/b]");
          });
       
        })});

EDIT : Je préfère dans la barre de l'éditeur.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par Self Lun 1 Sep 2014 - 22:26

Bonjour,

Tu peux essayer de mettre ceci à la toute fin des templates viewtopic_body et posting_body :
Code:
<script type="text/javascript">
jQuery(function($){
   $('<a class="sceditor-button sceditor-button-hostimg" unselectable="on" title="héberger une image"><div unselectable="on" style="background-position: 0px -644px;"></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>

J'ai mis en fond du bouton la même image que celle actuelle pour servimg.
Si le bouton servimg n'est pas encore masqué et que tu veux le masquer utilise ce CSS :
Code:
.sceditor-button-servimg{
    display:none !important;
}


Dernière édition par SeLfde4Th7 le Lun 1 Sep 2014 - 23:45, édité 1 fois
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Lun 1 Sep 2014 - 23:11

Merci je verrai cela demain.

Je souhaite avoir les deux hébergeurs. Donc je vais étudier ton java.

bonne nuit
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par Self Lun 1 Sep 2014 - 23:52

Dans ce cas essaie comme ceci (toujours à la toute fin des templates viewtopic_body et 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>

Avec ce 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;
}
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par AenigmA Mar 2 Sep 2014 - 6:42

Bonjour,
Merci Self +1

Merci Fanch pour la question, il te faudra aussi je pense ce bout de css en plus.

Code:
div.sceditor-hostimg {
    background: none repeat scroll 0 0 padding-box #fff;
    border: 1px dotted #000000;
    border-radius: 2px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.8);
    color: #333;
    line-height: 1;
    padding: 5px;
    position: absolute;
    width: 336px;
    z-index: 4000;
}
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Mar 2 Sep 2014 - 10:20

Alors là je ne comprends pas.

J'ai mis les deux templates et les deux CSS. Retiré mon premier java.

Et pas d'icône !!!!

[Résolu] Icône a rajouter dans la barre des tâches. Captur44

scratch
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par AenigmA Mar 2 Sep 2014 - 10:37

Essaie de revalider tes templates au cas ou, sinon je te confirme qu'en invision c'est ok.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par *Henry* Mar 2 Sep 2014 - 10:47

Bonjour François ...

Tu mets le dernier JS de SELF comme décrits plus haut
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 uniquement ce entrée de 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;
}

Aperçu de résultat
[Résolu] Icône a rajouter dans la barre des tâches. Hosting-pic
*Henry*

*Henry*
Membre actif

Masculin
Messages : 2419
Inscrit(e) le : 11/04/2008

http://plauderkanal.forumieren.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Mar 2 Sep 2014 - 10:53

Bon voici le viewtopic_body

viewtopic_body:

================================================

Posting_body:

Les CSS sont également en place.

J'ai appliqué la procédure. Et rien. Peux tu me faire une capture de ce que tu obtiens dans ton editeur ?

Merci










FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Mar 2 Sep 2014 - 10:55

*Henry* a écrit:Bonjour François ...

Tu mets le dernier JS de SELF comme décrits plus haut
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 uniquement ce entrée de 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;
}

Aperçu de résultat
[Résolu] Icône a rajouter dans la barre des tâches. Hosting-pic

Ok Henry je vais essayer. Je retire donc les templates et mets juste un java et un CSS ?

edit : Cela me donne ceci

[Résolu] Icône a rajouter dans la barre des tâches. Captur45
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par *Henry* Mar 2 Sep 2014 - 11:02

François les Templates sont bon.
Sous le CSS doit seulement rester la dénier réglè de SELF
*Henry*

*Henry*
Membre actif

Masculin
Messages : 2419
Inscrit(e) le : 11/04/2008

http://plauderkanal.forumieren.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Mar 2 Sep 2014 - 11:14

Je ne comprends pas.

Est-ce la bonne procédure ?

Je mets les java de self dans les templates

Et ensuite le CSS

Est-ce correct.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par FANCH 56 Mar 2 Sep 2014 - 11:22

Merci Self et Henry. Super !!

[Résolu] Icône a rajouter dans la barre des tâches. Captur46

Résolu
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Icône a rajouter dans la barre des tâches.

Message par *Henry* Mar 2 Sep 2014 - 11:24

Avec plaisir.
amicalement
*Henry*

*Henry*
Membre actif

Masculin
Messages : 2419
Inscrit(e) le : 11/04/2008

http://plauderkanal.forumieren.com
*Henry* 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