Fonctionnement
Chargez une image puis faites glisser pour dessiner une zone de lien. Les positions sont en pourcentage : les zones restent alignées quand l'image est redimensionnée. Ajustez la taille avec les poignées, remplissez URL, alt et titre, puis copiez le HTML/CSS ou enregistrez le CSS dans un fichier.
Conseils
- Utilisez une image claire avec des zones cliquables distinctes ; les zones sont des rectangles.
- Mettez un alt pour les lecteurs d'écran et un title pour l'aide au survol.
- Vérifiez le résultat sur PC et mobile avant publication.
- Styles inline pour un collage rapide ; mode classe si le CSS du site peut les écraser.
Questions fréquentes
L'image est-elle envoyée ?
Non. L'image et vos modifications restent dans votre navigateur. Rien n'est envoyé à beancuit ni à personne.
Quelles images fonctionnent ?
Bannières, images produit et guides avec des zones cliquables nettes. Les positions sont en pourcentage, donc les zones restent alignées au redimensionnement.
Comment utiliser le code généré ?
Copiez le HTML et le CSS dans votre site, ou choisissez HTML / CSS séparés et enregistrez le CSS dans son propre fichier.
Styles inline ou classes ?
L'inline est le plus rapide à coller. Le mode classe utilise une classe parent aléatoire pour réduire les conflits avec le CSS du site.