Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Changer le lien d'une image par une icone font awesone
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Hier à 23:11 par fascicularia

» [PhpBB2] Remplacer le lien d'une image par une icone font awesone
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Hier à 23:10 par fascicularia

» *RESOLU*[PhpBB3] Prévisualisation directe
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» [PhpBB2] Récupérer la valeur d'un input
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mer 14 Aoû 2019 - 15:38 par no_way

» Règlement de l'entraide Forumactif
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mar 13 Aoû 2019 - 19:23 par Dan 77

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Sam 20 Juil 2019 - 11:23 par Morane

» histoire du Jour sans fin
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Sam 20 Juil 2019 - 7:29 par Quad Daniel

» *RESOLU*[PhpBB2] Chargement de mon forum
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mer 17 Juil 2019 - 19:51 par Milouze14

» *RESOLU*[PhpBB2] Un encodage pour stoper l'autoplay pour mon IFRAM vidéo
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mar 16 Juil 2019 - 18:58 par Milouze14

» [Blague] Le patient et le psychiatre
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Mar 16 Juil 2019 - 7:43 par Quad Daniel

» Élémentaire mon cher Watson !
*RESOLU* [PHPBB3]Tooltip avec iframe Clock-10Lun 15 Juil 2019 - 9:04 par soleda

*RESOLU* [PHPBB3]Tooltip avec iframe

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

photoclic
photoclic
Milouzien

Messagephotoclic le Mer 12 Sep 2018 - 15:54

Re bonjour,

J'ai quasiment "tooltipstered" toutes mes infobulles, amis je bute sur celle ci à cause de l'iframe.

Dans mes généralités:
Code:
<!--                                                                                              Logos partenaires                                -->
<div class="partenaire">
                                                                             <iframe src="https://photoclic.forum-pro.fr/h15-partenaires-photos" style="width:250px;border:none;height: 150px;float: right;margin-right: 25%;margin-top: -92px;">  </iframe>
</div>


La page html (probablement améliorable):
Code:

Je crois qu'il ne passe pas....


Merci pour votre aide.


Dernière édition par photoclic le Mer 12 Sep 2018 - 17:06, édité 1 fois
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 12 Sep 2018 - 15:55

Je le remets là:

La page html (probablement améliorable):

Code:
<meta name="viewport" content="width=device-width, initial-scale=1" />    <style>
    * {box-sizing:border-box}
    body {
      font-family: Verdana,sans-serif;
          max-width: 300px;
          max-height: 300px;
      overflow:hidden !important;
    }
  
    .mySlides {display:none}

    /* Slideshow container */
    .slideshow-container {
      max-width: 250px;
      position: absolute;
      margin: auto;
    }

 /* Titre slideshow*/
.nametext {
 font-size: 18px;
 font-family: Comic Sans MS;
 color: #3b699c;
 padding: 8px 12px;
 position: relative;
 text-align:center;
}  
  

    /* Fading animation */
    .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1s;
      animation-name: fade;
      animation-duration: 1s;
    }

    @-webkit-keyframes fade {
      from {opacity: .5}
      to {opacity: 1}
    }

    @keyframes fade {
      from {opacity: .5}
      to {opacity: 1}
    }

 </style>                              
<div class="slideshow-container">
                        
 <div class="mySlides fade">
               <span style="display: block;text-align:center;padding: 5px;margin-top: -10px;font-size: 16px;font-family: Comic Sans MS;color: #3b699c;">Nos partenaires                                                                                                                        </span><a href="https://photoclic.forum-pro.fr/t19916-partenaires-photos#M14" rel="nofollow" target="_blank"><img src="https://i.servimg.com/u/f25/18/97/96/21/logo_a10.jpg" title="Cliquer pour voir les infos du partenaire" style="border: 8px #35aed7;border-style: ridge;display: block;margin-left: auto;margin-right: auto;max-height:100px;max-width:200px;" /> </a>                                                                                                                                        
 </div>
                                                  
 <div class="mySlides fade">
                 <span style="display: block;text-align:center;padding: 5px;margin-top: -10px;font-size: 16px;font-family: Comic Sans MS;color: #3b699c;">Nos partenaires                                                                                                                         </span> <a href="https://www.facebook.com/atelierphotomarie/" rel="nofollow" target="_blank"><img src="https://i.servimg.com/u/f25/18/97/96/21/logo_p10.png" title="Cliquer pour voir les infos du partenaire" style="border: 8px #35aed7;border-style: ridge;display: block;margin-left: auto;margin-right: auto;max-height:100px;max-width:200px;" /> </a>                                                                                                                                        
 </div>
                                                   <span class="dot"></span>      <span class="dot"></span>      <span class="dot"></span>          
</div>
 <script>
    var slideIndex = 0;
    showSlides();

    function showSlides() {
        var i;
        var slides = document.getElementsByClassName("mySlides");
        var dots = document.getElementsByClassName("dot");
        for (i = 0; i < slides.length; i++) {
           slides[i].style.display = "none";  
        }
        slideIndex++;
        if (slideIndex > slides.length) {slideIndex = 1}    
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
        }
        slides[slideIndex-1].style.display = "block";  
        dots[slideIndex-1].className += " active";
        setTimeout(showSlides, 5000); // Change image every 7 seconds
    }
    </script>

le but donc et d'avoir le tooltip sur l'infobulle.

Merci pour votre aide.


Edit:
En voulant poster l'html, la fenêtre se réduit sans laisser la possibilité d'envoyer.
En le mettant dans ce second message, la fenêtre se réduit aussi, mais l'accès au bouton reste possible.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 12 Sep 2018 - 16:06

hello Serge,
si tu supprimes l'infobulle dans ta page html :
Code:
title="Cliquer pour voir les infos du partenaire"


et que dans généralités tu remplaces:

Code:
<div class="partenaire">
<iframe src="https://photoclic.forum-pro.fr/h15-partenaires-photos" style="width:250px;border:none;height: 150px;float: right;margin-right: 25%;margin-top: -92px;">  </iframe>
</div>


Par :

Code:

<!--Logos partenaires-->
<div class="partenaire"title="Cliquer pour voir les infos du partenaire">
<iframe src="https://photoclic.forum-pro.fr/h15-partenaires-photos" style="width:250px;border:none;height: 150px;float: right;margin-right: 25%;margin-top: -92px;">  </iframe>
</div>


Il suffit de placer l'infobulle sur la div contenant l'iframe  impeccable


Edit:
En voulant poster l'html, la fenêtre se réduit sans laisser la possibilité d'envoyer.
En le mettant dans ce second message, la fenêtre se réduit aussi, mais l'accès au bouton reste possible.


Oui, il y a un bug avec l'éditeur marreordi marreordi marreordi lOL

photoclic
photoclic
Milouzien

Messagephotoclic le Mer 12 Sep 2018 - 16:31

Re Phil,

En faisant ainsi, je n'ai plus d'infobulles.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 12 Sep 2018 - 16:37

Hum étonnant car sur mon fofo de test, c'est fonctionnel Serge,

tu peux remplacer par:
Code:

    <!--Logos partenaires-->
    <div class="partenaire"title="Cliquer pour voir les infos du partenaire">

    <iframe src="https://photoclic.forum-pro.fr/h15-partenaires-photos" style="width:250px;border:none;height: 150px;float: right;margin-right: 25%;margin-top: -92px;">  </iframe>
<script>
        
jQuery('.partenaire').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
</script>
    </div>
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 12 Sep 2018 - 16:42

Cette fois l'infobulle est bien là et toolstipered super

Mais elle est décalée à gauche par rapport au diaporama.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 12 Sep 2018 - 16:45

Mais elle est décalée à gauche par rapport au diaporama.

Il faut donner le style à la div et non à l'iframe Serge clin oeil
Et laisser juste le border none à l'iframe clin oeil

Je verrais mieux ce style pour ta div:
Code:

position: relative;
width: 250px;
border: none;
height: 150px;
left: 80%;
margin-top: -20%;
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 12 Sep 2018 - 17:05

OK Philippe, c’était bien ça, t'es incollable.

Encore un grand merci l'ami tape la
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 12 Sep 2018 - 17:15

De rien Serge,

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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