• Principe PE4

    Mes articles actuels vous proposent des liens à cliquer pour afficher une image en plein écran; à l'affichage, les barres adresse/outils restent visibles et sont escamotables ponctuellement, de différentes manières selon votre système (Windows, Mac, Linux...) et selon votre navigateur.

    Sur mon système Linux et Firefox, il me suffit de cliquer sur la touche de fonction clavier F11 pour l'escamoter; je peux aussi cliquer sur les 3 traits, en haut à droite de la barre d'adresse/outil pour pouvoir choisir Zoom/double flèche.

    Je crois que ces 3 traits sont 3 points avec Google Chrome.

    Sur Mac, c'est un point vert, en haut à gauche qui commande l'affichage plein écran.

    *****

    Sur mon blog Ekla, il restait malgré tout toujours la barre Ekla, avec mon pseudo et les onglets de paramétrage; cette barre est escamotable par un clic sur la petite flèche, devant le sigle Eklablog.

    Une fois cliquée, une petite flèche inversée la remplace, qui vous permet de faire réapparaître la barre Eklablog.

    Essayons sur un exemple: clic sur le lien puis clic sur la commande plein écran de votre système puis clic sur petite flèche devant Eklablog, en haut à gauche..
    Retour par un second clic sur F11 (pour moi !), sur la petite flèche inversée et sur l'image agrandie.


    Le code indicatif:
    <p style="text-align: left;"><input id="cde1" type="text" value="Lien &agrave; cliquer" /><img id="cde2" src="http://ekladata.com/p58oiyrwV2xQcTVoppYmBWFd7K4.jpg" alt="" /></p>

    <style><!--
    #cde1{position:absolute; z-index:1; width:15vw; height:3vw; margin:1vh 0 5vw 20vw; border:0.1vh solid black; border-radius:1.5vw; text-align:center; line-height:3vw; font-size:2vw; box-shadow: inset 0.4vh 0.4vh 0.6vh black; background:#DEB887;}
    #cde2{position:fixed; z-index:200; width:100vw; height:0vw; left=0; top:0; transition:all 1s linear;}
    #cde1:focus ~ #cde2{height:56.25vw;}
    --></style>