Montage 126

Clic maintenu.

Le bandeau et les barres d'adresse, outils... limitent la hauteur d'affichage: pour les effacer momentanément appuyez sur F11.

Retour en affichage normal par un second appui sur F11.

Pour un affichage optimum, montez le haut des boutons en haut de votre écran.

<p><span style="background-color: #00ff00;">Clic maintenu.</span></p>
<p>Le bandeau et les barres d'adresse, outils... limitent la hauteur d'affichage: pour les effacer momentan&eacute;ment <span style="background-color: #ffff00;">appuyez sur F11.</span></p>
<p>Retour en affichage normal par un <span style="background-color: #ffff00;">second appui sur F11.</span></p>
<p><span style="background-color: #00ffff;">Pour un affichage optimum, montez le haut des boutons en haut de votre &eacute;cran.</span></p>
<div style="position: relative; width: 60vw; height: 3vw; margin: 1vh auto;">
<p id="cde1" class="cde">&nbsp;</p>
<p id="cde2" class="cde">&nbsp;</p>
<p id="cde3" class="cde">&nbsp;</p>
<p id="cde4" class="cde">&nbsp;</p>
<p id="cde5" class="cde">&nbsp;</p>
<p id="cde6" class="cde">&nbsp;</p>
<p id="cde7" class="cde">&nbsp;</p>
<p id="cde8" class="cde">&nbsp;</p>
<p id="cde9" class="cde">&nbsp;</p>
<p id="mg1" class="mg">&nbsp;</p>
<p id="mg2" class="mg">&nbsp;</p>
<p id="mg3" class="mg">&nbsp;</p>
<p id="mg4" class="mg">&nbsp;</p>
<p id="mg5" class="mg">&nbsp;</p>
<p id="mg6" class="mg">&nbsp;</p>
<p id="mg7" class="mg">&nbsp;</p>
<p id="mg8" class="mg">&nbsp;</p>
<p id="mg9" class="mg">&nbsp;</p>
</div>
<style><!--
.cde{position:absolute; z-index:1; width:3vw; height:3vw; border-radius:50%; border:0.1vh solid black; background:coral; box-shadow:inset 0.4vh 0.4vh 1vh black, inset -0.4vh -0.4vh 1vh white;}
.cde:hover{background:lime;}
#cde1{transform:translate(0vw,0vw);}
#cde2{transform:translate(7vw,0vw);}
#cde3{transform:translate(14vw,0vw);}
#cde4{transform:translate(21vw,0vw);}
#cde5{transform:translate(28vw,0vw);}
#cde6{transform:translate(35vw,0vw);}
#cde7{transform:translate(42vw,0vw);}
#cde8{transform:translate(49vw,0vw);}
#cde9{transform:translate(56vw,0vw);}
.mg{position:fixed; z-index:5; width:0vw; height:56.25vw; background-size:100vw 56.25vw; top:0vw; left:0vw; transition:all 1s linear;}
#mg1{background:url('http://ekladata.com/xiFOwQW3g6xCiZblNDcG_BPk9xY.jpg');}
#mg2{background:url('http://ekladata.com/imbPWW2CoW3yXRhbYU0jkB1rvUw.jpg');}
#mg3{background:url('http://ekladata.com/3IBLYBbQiF7z77n2pKEhTPV1MmI.jpg');}
#mg4{background:url('http://ekladata.com/imZmbtuH3FsIARHsza87WkhdOtY.jpg');}
#mg5{background:url('http://ekladata.com/wb1WtKV8vaWWJZe66h4pDNtvPvs.jpg');}
#mg6{background:url('http://ekladata.com/GL_P7KMeyBqgmd8-rzJJ-zNHFOw.jpg');}
#mg7{background:url('http://ekladata.com/nVm1zwoHPyy8-ai-wJwndS1p1iA.jpg');}
#mg8{background:url('http://ekladata.com/28m3R94uQPzf0ib5HsVyKX-Uh8k.jpg');}
#mg9{background:url('http://ekladata.com/pYuzNKaSfTzxBKYzMbcLLwjHdrQ.jpg');}
#cde1:active ~ #mg1,#cde2:active ~ #mg2,#cde3:active ~ #mg3,#cde4:active ~ #mg4,#cde5:active ~ #mg5,#cde6:active ~ #mg6,#cde7:active ~ #mg7,#cde8:active ~ #mg8,#cde9:active ~ #mg9{width:100vw; }
--></style>