Uniquement en CSS, le paramétrage devient compliqué si l’on veut un diaporama « responsive».
Un lien qui pointe vers deux pages web, un autre qui une une image et un son.
Un peu de mouvement sur le site. Animons le texte avec Javascript.
Il est très pratique de filter les éléments d’un tableau pour effectuer une recherche. Il suffit de taper les premières lettres du mot pour l’afficher.
Vous trouverez un exemple sur ce site dans l’onglet Archives.
Afficher une carte Open Street Map (OSM) avec un marqueur géolocalisé sur votre site vous permettra de
personnaliser votre page de contact. Très largement inspiré du blog [Communication & Transformation Numériques des Territoires]
(http://guillaume-rouan.net/blog/2016/08/17/integrez-une-carte-openstreetmap-a-votre-site-web/),
voici la marche à suivre pour l’intégrer dans votre blog statique Hugo.
Faire défiler un texte dans un bandeau, on utilisait la balise <marquee> ; elle est désormais obsolète et doit être remplacée par la balise <canvas>.
Il est parfois utile de rafraîchir une <iframe> dans une page web. Cela permet par exemple de recentrer une Google Maps après avoir affiché une infobulle.
Une flèche qui permet un retour “haut de page”, assez pratique pour les articles longs.
Elle permet un accès rapide au menu, sans avoir à utiliser la molette de la souris.
L’effet lightbox permet d’afficher des images, du contenu, des pages au premier plan d’une page Web sans avoir à quitter la page. Il assombrit le reste de la page et met en évidence le contenu en surbrillance.
Pour réaliser ce montage avec des images réactives, j’ai tout d’abord créé trois images de même taille (600x400), elles sont retouchées ou composées avec Gimp.