Modèle:Image cliquable : Différence entre versions
Sauter à la navigation
Sauter à la recherche
m |
m |
||
(Une révision intermédiaire par le même utilisateur non affichée) | |||
Ligne 1 : | Ligne 1 : | ||
− | <div style="position:relative; background:transparent; width:{{{Largeur|64}}}; height:{{{Hauteur|64}}}; overflow:hidden;"> | + | <div style="position:relative; background:transparent; width:{{{Largeur|64}}}; height:{{{Hauteur|64}}}; overflow:hidden;"><div style="position:absolute; background:transparent; font-size:{{{Hauteur|64}}}; overflow:hidden; line-height:{{{Hauteur|64}}}; letter-spacing:{{{Largeur|64}}};"> [[{{{Lien|}}}|<span title="{{{Titre|{{{Lien|Aucun lien}}}}}}" style="text-decoration:none;"> </span>]]</div>[[Image:{{{Image|Logo Apocalypsis.png}}}|{{{Largeur|64}}}|{{{Titre|{{{Lien|Aucun lien}}}}}}]]</div><noinclude> |
− | <div style="position:absolute; background:transparent; font-size:{{{Hauteur|64}}}; overflow:hidden; line-height:{{{Hauteur|64}}}; letter-spacing:{{{Largeur|64}}};">[[{{{Lien}}}|<span title="{{{Titre|{{{Lien|Aucun lien}}}}}}" style="text-decoration:none;"> </span>]] | ||
− | </div>[[Image:{{{Image|Logo Apocalypsis.png}}}|{{{Largeur|64}}}|{{{Titre|{{{Lien|Aucun lien}}}}}}]] | ||
− | </div><noinclude> | ||
Version actuelle datée du 15 novembre 2007 à 13:28
Ce modèle superpose un lien invisible par-dessus l'image pour la rendre cliquable. Cette méthode pourrait poser problème avec certains navigateurs. Une extension, nommée ImageMap, permet de circonvenir cela et pourrait être utilisée dans ce modèle.
- Utilisation
{{Image cliquable|Image|Largeur|Hauteur|Lien|Titre}}
- Paramètres
-
- Image = le nom de l'image, sans l'espace de noms "Image:".
- Largeur = la largeur à donner à l'image.
- Hauteur = la hauteur à donner à l'image.
- Lien = le lien vers lequel pointe l'image.
- Titre = la légende de l'image (facultatif, on utilise le paramètre "Lien" par défaut).
- Exemple :
{{Image cliquable|Image=Logo Apocalypsis.png|Largeur=100px|Hauteur=100px|Lien=Accueil}}</code>