« Modèle:ZoomCarte » : différence entre les versions

De gahan
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
 
(11 versions intermédiaires par le même utilisateur non affichées)
Ligne 2 : Ligne 2 :
Permet d'inclure des cartes avec une haute définition dans le wiki et permet de zoomer dessus en navigant avec la souris.
Permet d'inclure des cartes avec une haute définition dans le wiki et permet de zoomer dessus en navigant avec la souris.


'''Attention''', il y a des limites. Il faut une image de type 4/3. La taille de l'image sera réglée à 1000 x 768.
'''Attention''', il y a des limites. Il faut une image de format 4/3. La taille de l'image sera réglée à 1000 x 768.




Ligne 9 : Ligne 9 :
<pre>
<pre>
{{ZoomCarte
{{ZoomCarte
|TitreCarte =
|ImageCarte = Grand_Continent.jpg
|ImageCarte = Grand_Continent.jpg
|InfoZoom  = X ou vide (permet d'afficher le message "Passez votre souris sur la carte pour en voir les détails" ou pas
}}
}}
</pre>
</pre>
Ligne 15 : Ligne 17 :
A la place de ''Grand_Continent.jpg'', il suffit de mettre l'image que l'on souhaite.
A la place de ''Grand_Continent.jpg'', il suffit de mettre l'image que l'on souhaite.


{{#if: {{{Image|}}} | <tr><td colspan="2">[[Fichier:{{{Image}}}|275px]]</td></tr>}}




</noinclude><!--
</noinclude><!--
--><div class="structure">
-->
<div class="cell"></div>
{{#if: {{{TitreCarte|}}} | <div class="titrecarte">{{{TitreCarte}}}</div>}}
<div class="cell"></div>
<div class="structure">
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div>
<div class="cell"></div>
 
<div class="cell"></div>
 
<div class="cell"></div>
<div class="mapcontent">
<div class="mapcontent">
<div class="mapzoom">[[File:{{{ImageCarte}}}|class=image-100w]]</div>
<div class="mapzoom">[[File:{{{ImageCarte}}}|class=image-100w]]</div>
</div>
</div>
</div>
</div>
{{#if: {{{InfoZoom|}}} | <div class="zoominfo">''Passez votre souris sur la carte pour en voir les détails''</div>}}

Version actuelle datée du 14 mai 2024 à 23:09

Permet d'inclure des cartes avec une haute définition dans le wiki et permet de zoomer dessus en navigant avec la souris.

Attention, il y a des limites. Il faut une image de format 4/3. La taille de l'image sera réglée à 1000 x 768.


Pour inclure une carte zoomable avec la souris, il suffit d'inclure ce code:

{{ZoomCarte
|TitreCarte = 
|ImageCarte = Grand_Continent.jpg
|InfoZoom   = X ou vide (permet d'afficher le message "Passez votre souris sur la carte pour en voir les détails" ou pas
}}

A la place de Grand_Continent.jpg, il suffit de mettre l'image que l'on souhaite.





[[File:{{{ImageCarte}}}|class=image-100w]]