Modèle:Image cliquable : Différence entre versions

De Apocalypsis
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;">&nbsp; &nbsp;</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;">&nbsp; &nbsp;</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

[[|   ]]
Aucun lien


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>