Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Aujourd'hui à 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

» [TOUTES VERSIONS] Recherche de texte dans les templates
par photoclic Mer 12 Fév 2020 - 19:42

» *CORBEILLE*[PHPBB2] Viewtopic_body : Séparer les champs du profil
par Milouze14 Sam 8 Fév 2020 - 6:15

» *CORBEILLE*[PHPBB2] Messenger sur forumactif
par Milouze14 Sam 8 Fév 2020 - 6:14

» *RESOLU*[PHPBB3] Mettre un cadre aux forums des catégories
par Milouze14 Jeu 6 Fév 2020 - 15:06

» *RESOLU*[MODERNBB] Couleur textarea
par Milouze14 Mer 5 Fév 2020 - 18:06

» [TOUTES VERSIONS]Message automatique au déplacemet d'un sujet
par Jackymi Mar 4 Fév 2020 - 8:50

» *RESOLU*[MODERNBB] Barre de navigation sur 2 lignes
par Milouze14 Mar 4 Fév 2020 - 3:47

» *CORBEILLE*[PHPBB2] Message automatique au déplacement d'un sujet
par Milouze14 Dim 2 Fév 2020 - 9:17

» *RESOLU*[MODERNBB] Largeur forum modernBB
par Milouze14 Dim 2 Fév 2020 - 8:13

» *CORBEILLE*[AWESOMEBB] Erreur "429 too many requests nginx"?
par Milouze14 Ven 31 Jan 2020 - 3:52

» *CORBEILLE*[PHPBB2] Profil
par Milouze14 Mer 29 Jan 2020 - 3:51

» *CORBEILLE*[PHPBB2] QUI REGARDE LES POSTS ,?
par Milouze14 Mar 28 Jan 2020 - 3:48

» *CORBEILLE*[PHPBB2] Profil et avatar
par Milouze14 Mar 28 Jan 2020 - 3:45

» *CORBEILLE*[PHPBB2] Chapeau du père noel.
par Milouze14 Mar 28 Jan 2020 - 3:43

» *RESOLU*[PHPBB3] Récupération avatar (automatiquement) d'un membre
par Milouze14 Lun 27 Jan 2020 - 18:44

*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