/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)
/image%2F0648805%2F20241206%2Fob_edeafc_100659.jpg)
pourquoipas732
Chaque élément de cet article est positionné individuellement et chaque image remplit le montage au survol.
Survolez chaque image.
A cause de «l'innocence» de Tarzan qui a vécu seul pendant si longtemps, Jane doit lui donner des cours pour lui expliquer la sexualité :
Regarde, tarzan, ce que tu as là entre tes jambes, c'est comme ton linge sale et ce que j'ai entre mes jambes, c'est comme une machine à laver...
Et donc tu dois mettre ton linge sale dans ma machine à laver et bien essorer avant de le retirer.
Les 5 nuits suivantes, Tarzan lava son linge sans s'arrêter, et lorsque Jane enfin put respirer, elle lui dit :
Ecoute, Tarzan, tu ne peux pas faire autant de lessives à la suite, ça n'est pas bon pour le linge ni pour la machine; tu devras attendre 2 ou 3 jours pour recommencer à laver ton linge.
En entendant cela, Tarzan fut très déçu.
Après un mois sans lessive, Jane dit à Tarzan :
Tarzan, qu'est-ce qu'il t'arrive ?
Pourquoi depuis un mois tu ne mets plus ton linge dans ma machine.
Alors Tarzan lui répondit :
Tarzan avoir appris à laver à la main !!!
Une blonde, une brune et une rousse se rencontrent dans un café.
L'une d'elles demandes aux deux autres :
Comment vous faites, vous, pour savoir, en rentrant chez vous, si vous avez passé une bonne soirée ?
La rousse répond: Pour moi, c'est simple! Quand je rentre, je jette mon châle sur le porte-manteau, et, s'il est bien arrangé, c'est que j'ai passé une bonne soirée!
La brune répond : Pour moi, c'est presque la même chose; quand j'arrive chez moi, je lance mes souliers au bord du lit, et s'ils sont bien rangés, j'ai passé une bonne soirée!
Au tour de la blonde :- Moi ? euh ?!?
C'est presque pareil; quand je rentre, je lance ma petite culotte contre le mur, et,si elle reste collée, c'est que j'ai passé une bonne soirée !
A la sortie d'une pharmacie, un étudiant interroge les clients pour un sondage :
Bonjour Madame, je représente le laboratoire Glisstousseul et je fais une enquête sur les multiples usages de la vaseline officinale à la maison.
Voudriez-vous prendre quelques instants pour me dire comment vous utilisez notre produit ?
La femme répond :Oui, d'accord.
Alors à la maison, on utilise la vaseline pour les coupures, la peau sèche, les gerçures, et... quand on fait l'amour aussi.
A propos de la dernière utilisation que vous avez citée, pourriez-vous préciser les conditions dans lesquelles vous utilisez la vaseline ?
Sans se démonter, la femme répond :
J'en mets sur la poignée de la porte...
ça empêche mes petits enfants d'entrer dans la chambre.
<div style="width: 80vw; height: 47vw; margin: 1vh auto; border: 0.1vh solid black; background: url('https://ekladata.com/t_E0glfCIuLrE57AOeZhoXz-b0Q.jpg'); background-size: 80vw 47vw;">
<p id="tx1">Survolez chaque image.</p>
<p id="tx2">texte1</p>
<p id="tx3">texte2</p>
<p id="tx4">texte3</p>
<p id="mi1"> </p>
<p id="mi2"> </p>
<p id="mi3"> </p>
<p id="mi4"> </p>
</div>
<style><!--
#tx1{position:absolute; z-index:1; width:20vw; height:2vw; box-sizing:border-box; border:0.1vh solid black; background:rgba(255,255,100,1); transform:translate(30vw,0vw); text-align:center; font-size:1vw; line-height:2vw;}
#tx2{position:absolute; z-index:1; width:24vw; height:30vw; box-sizing:border-box; border:0.1vh solid black; background:#d9d9d9; transform:translate(2vw,2vw); text-align:center; font-size:0.9vw;}
#tx3{position:absolute; z-index:1; width:24vw; height:26vw; box-sizing:border-box; border:0.1vh solid black; background:#d9d9d9; transform:translate(28vw,20vw); text-align:center; font-size:1vw;}
#tx4{position:absolute; z-index:1; width:24vw; height:28vw; box-sizing:border-box; border:0.1vh solid black; background:#d9d9d9; transform:translate(55vw,5vw); text-align:center; font-size:1vw;}
#mi1{position:absolute; z-index:1; width:16vw; height:9vw; box-sizing:border-box; border:0.4vh ridge white; box-shadow:0.4vh 0.4vh 0.6vh black;background:url('https://ekladata.com/XFx8y1FgNpYlaP8CcSpFnFqNcFo.jpg'); background-size:cover; transform:translate(5vw,33vw) rotate(-10deg); transition:all 1s linear;}
#mi2{position:absolute; z-index:1; width:16vw; height:9vw; box-sizing:border-box; border:0.4vh ridge white; box-shadow:0.4vh 0.4vh 0.6vh black; background:url('https://ekladata.com/L5BFTINDQhiw7_F5dmz5i9I3z1E.jpg'); background-size:cover; transform:translate(26vw,5vw) rotate(-5deg); transition:all 1s linear;}
#mi3{position:absolute; z-index:1; width:16vw; height:9vw; box-sizing:border-box; border:0.4vh ridge white; box-shadow:0.4vh 0.4vh 0.6vh black;background:url('https://ekladata.com/Vz-epBfTD1cjBl-Q5fJOvIT-Wio.jpg'); background-size:cover; transform:translate(39vw,9vw) rotate(8deg); transition:all 1s linear;}
#mi4{position:absolute; z-index:1; width:16vw; height:9vw; box-sizing:border-box; border:0.4vh ridge white;box-shadow:0.4vh 0.4vh 0.6vh black; background:url('https://ekladata.com/YvtS7vaLfpWBAruxWXHiFl2tOeI.jpg'); background-size:cover; transform:translate(59vw,35vw) rotate(10deg); transition:all 1s linear;}
#mi1:hover,#mi2:hover,#mi3:hover,#mi4:hover{z-index:5; width:80vw; height:45vw; transform:translate(0vw,2vw) rotate(0deg);}
--></style>
Chaque élément est dimensionné, bordure comprise, pour plus de facilité pour les positionnements.
La disposition des éléments n'est qu'un exemple; on peut animer les éléments par le survol de boutons, dans le cas d'images trop proches, ce qui permet de les faire se chevaucher.
