Différences entre versions de « Aide:Localisation »
(création) |
|||
| (7 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 36 : | Ligne 36 : | ||
: [[Fichier:Localisation cité Ordre.png]] Fichier:Localisation cité Ordre.png | : [[Fichier:Localisation cité Ordre.png]] Fichier:Localisation cité Ordre.png | ||
: [[Fichier:Localisation cité Chaos.png]] Fichier:Localisation cité Chaos.png | : [[Fichier:Localisation cité Chaos.png]] Fichier:Localisation cité Chaos.png | ||
| − | : [[Fichier:Localisation cité Gagnetorith.png]] Fichier:Localisation cité Gagnetorith.png<table class="DebutCarte" border="0" cellspacing="0" cellpadding="0" | + | : [[Fichier:Localisation cité Gagnetorith.png]] Fichier:Localisation cité Gagnetorith.png<table class="DebutCarte" border="0" cellspacing="0" cellpadding="0" |
| − | + | ||
| − | + | La position du point sur la carte est déterminée par les paramètres en vert dans le code. Ici, le point sera placé verticalement à 45% de la hauteur de la carte et horizontalement à 68% de la largeur de la carte. | |
| − | + | ||
| − | + | Elles sont assez simples à obtenir : téléchargez la carte sur votre PC, ouvrez-la ensuite avec un logiciel comme Paint, passez la souris sur le lieu à localiser et notez les coordonnées de ce point. L'exemple de code ci-dessus correspond au village de [[Furanör]] qui a pour coordonnées 2053 et 835. Les dimensions de la carte sont 3000 pixels en largeur et 1875 pixels en hauteur. Le pourcentage en hauteur est 835 / 1875 = 0,44533 = 45%. Le pourcentage en largeur est 2053 / 3000 = 0,68433 = 68%. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | {{infobox localité | |
| + | |nom=Furanör | ||
| + | |faction=Gagnetorith | ||
| + | |image= | ||
| + | |légende= | ||
| + | |taille image= | ||
| + | |statut=Village | ||
| + | |continent= | ||
| + | |ile=Île entre Keos et Örn | ||
| + | |posX=2053 | ||
| + | |posY=835 | ||
| + | }} | ||
| + | '''Note''' : l'{{m|infobox localité}} utilise la localisation, mais le calcul des pourcentages est fait par le modèle. Il y a juste à donner les coordonnées sur la carte : | ||
| + | |||
| + | {| class=wikitable | ||
| + | |- | ||
| + | | | ||
| + | <code><nowiki>{{infobox localité</nowiki></code><br /> | ||
| + | <code><nowiki>|nom=Furanör</nowiki></code><br /> | ||
| + | <code><nowiki>|faction=Gagnetorith</nowiki></code><br /> | ||
| + | <code><nowiki>|image=</nowiki></code><br /> | ||
| + | <code><nowiki>|légende=</nowiki></code><br /> | ||
| + | <code><nowiki>|taille image=</nowiki></code><br /> | ||
| + | <code><nowiki>|statut=Village</nowiki></code><br /> | ||
| + | <code><nowiki>|continent=</nowiki></code><br /> | ||
| + | <code><nowiki>|ile=Île entre Keos et Örn</nowiki></code><br /> | ||
| + | <code><nowiki>|posX=2053</nowiki></code><br /> | ||
| + | <code><nowiki>|posY=835</nowiki></code><br /> | ||
| + | <code><nowiki>}}</nowiki></code><br /> | ||
| + | |} | ||
| + | |||
| + | {{clr}} | ||
=== Afficher du texte === | === Afficher du texte === | ||
| Ligne 57 : | Ligne 83 : | ||
|- | |- | ||
| | | | ||
| − | <code><nowiki><div style="position:absolute;border:none;top:</nowiki><span style="color:#00C000"><nowiki>45%</nowiki></span><nowiki>;left:</nowiki><span style="color:#00C000"><nowiki>68%</nowiki></span><nowiki>;"><div style="position:absolute;top:-4px;left:-4px;</nowiki><span style="color:#FFC000">line-height:1</span>;<span style="color:#ff00ff">background-color:lightblue</span><nowiki>;"></nowiki><span style="color:#0000ff"><nowiki>[[ | + | <code><nowiki><div style="position:absolute;border:none;top:</nowiki><span style="color:#00C000"><nowiki>45%</nowiki></span><nowiki>;left:</nowiki><span style="color:#00C000"><nowiki>68%</nowiki></span><nowiki>;"><div style="position:absolute;top:-4px;left:-4px;</nowiki><span style="color:#FFC000">line-height:1</span>;<span style="color:#ff00ff">background-color:lightblue</span><nowiki>;"></nowiki><span style="color:#0000ff"><nowiki>[[Furanör]]</nowiki></span><nowiki></div></div></nowiki></code> |
|} | |} | ||
| Ligne 93 : | Ligne 119 : | ||
<div style="position:absolute;border:none;top:21%;left:74%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Örn]]'''</div></div> | <div style="position:absolute;border:none;top:21%;left:74%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Örn]]'''</div></div> | ||
<div style="position:absolute;border:none;top:77%;left:16%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Solmen]]'''</div></div> | <div style="position:absolute;border:none;top:77%;left:16%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Solmen]]'''</div></div> | ||
| − | <div style="position:absolute;border:none;top:24%;left: | + | <div style="position:absolute;border:none;top:24%;left:8%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Syrial]]'''</div></div> |
</div></td></tr></table> | </div></td></tr></table> | ||
| Ligne 107 : | Ligne 133 : | ||
<code><nowiki><div style="position:absolute;border:none;top:21%;left:74%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Örn]]'''</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:21%;left:74%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Örn]]'''</div></div></nowiki></code><br /> | ||
<code><nowiki><div style="position:absolute;border:none;top:77%;left:16%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Solmen]]'''</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:77%;left:16%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Solmen]]'''</div></div></nowiki></code><br /> | ||
| − | <code><nowiki><div style="position:absolute;border:none;top:24%;left: | + | <code><nowiki><div style="position:absolute;border:none;top:24%;left:8%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:darkkhaki;">'''[[Syrial]]'''</div></div></nowiki></code><br /> |
<code><nowiki></div></td></tr></table></nowiki></code><br /> | <code><nowiki></div></td></tr></table></nowiki></code><br /> | ||
|} | |} | ||
| + | |||
| + | === L'[[Océan de Flosanfin]] === | ||
| + | <table align=right class="DebutCarte" border="0" cellspacing="0" cellpadding="0" style="margin:0;border:none;padding:0;text-align:center"> | ||
| + | <tr><td style="border:none;padding:0"><div style="position:relative;margin:auto">[[Fichier:Carte_du_monde_d'Olydri-2014.jpg|340px]] | ||
| + | <div style="position:absolute;border:none;top:45%;left:55%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;color:lightblue;"><center>Océan<br>de<br>Flosanfin</center></div></div> | ||
| + | </div></td></tr></table> | ||
| + | |||
| + | Ici, vous avez une autre technique pour afficher du texte : il n'y a pas de fond coloré, mais le texte est dans une couleur qui tranche avec la carte : <code>background-color:lightblue</code> est remplacé par <code>color:lightblue</code> : | ||
| + | {| class=wikitable | ||
| + | |- | ||
| + | | | ||
| + | <code><nowiki><table align=right class="DebutCarte" border="0" cellspacing="0" cellpadding="0" style="margin:0;border:none;padding:0;text-align:center"></nowiki></code><br /> | ||
| + | <code><nowiki><tr><td style="border:none;padding:0"><div style="position:relative;margin:auto">[[Fichier:Carte_du_monde_d'Olydri-2014.jpg|340px]]</nowiki></code><br /> | ||
| + | <code><nowiki><div style="position:absolute;border:none;top:45%;left:55%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;color:lightblue;"><center>Océan<br>de<br>Flosanfin</center></div></div></nowiki></code><br /> | ||
| + | <code><nowiki></div></td></tr></table></nowiki></code><br /> | ||
| + | |} | ||
| + | |||
| + | {{clr}} | ||
=== Les [[Modèle:Localités Gagnetorith|cités Gagnetorith]] === | === Les [[Modèle:Localités Gagnetorith|cités Gagnetorith]] === | ||
{{Localités Gagnetorith}} | {{Localités Gagnetorith}} | ||
| − | + | Chaque cité est repérée par un point et son nom en texte (avec un lien vers la page du wiki). Les coordonnées ne sont pas exactement les mêmes. | |
| − | Chaque cité est repérée par un point et son nom en texte (avec un lien vers la page du wiki). | ||
Torith, la capitale est mise en gras et avec une couleur de fond différent pour être distinguée des autres localités. | Torith, la capitale est mise en gras et avec une couleur de fond différent pour être distinguée des autres localités. | ||
| Ligne 127 : | Ligne 170 : | ||
<code><nowiki><div style="position:absolute;border:none;top:82%;left:72%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[Bëlt]]</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:82%;left:72%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[Bëlt]]</div></div></nowiki></code><br /> | ||
<code><nowiki><div style="position:absolute;border:none;top:45%;left:68%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:45%;left:68%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | ||
| − | <code><nowiki><div style="position:absolute;border:none;top:41%;left:69%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[ | + | <code><nowiki><div style="position:absolute;border:none;top:41%;left:69%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[Furanör]]</div></div></nowiki></code><br /> |
<code><nowiki><div style="position:absolute;border:none;top:47%;left:35%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:47%;left:35%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | ||
<code><nowiki><div style="position:absolute;border:none;top:43%;left:25%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[Keperom]]</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:43%;left:25%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightblue;">[[Keperom]]</div></div></nowiki></code><br /> | ||
| Ligne 136 : | Ligne 179 : | ||
<code><nowiki><div style="position:absolute;border:none;top:49%;left:38%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:49%;left:38%;"><div style="position:absolute;top:-4px;left:-4px;line-height:0;">[[Fichier:Localisation cité Gagnetorith.png|8px]]</div></div></nowiki></code><br /> | ||
<code><nowiki><div style="position:absolute;border:none;top:51%;left:40%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightskyblue;">'''[[Torith]]'''</div></div></nowiki></code><br /> | <code><nowiki><div style="position:absolute;border:none;top:51%;left:40%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:lightskyblue;">'''[[Torith]]'''</div></div></nowiki></code><br /> | ||
| + | <code><nowiki></div></td></tr></table></nowiki></code><br /> | ||
| + | |} | ||
| + | |||
| + | === Sur des photos === | ||
| + | <table align=right class="DebutCarte" border="0" cellspacing="0" cellpadding="0" style="margin:0;border:none;padding:0;text-align:center"> | ||
| + | <tr><td style="border:none;padding:0"><div style="position:relative;margin:auto">[[Fichier:Furie pas de bras pas de chocolat.png|400px]] | ||
| + | <div style="position:absolute;border:none;top:10%;left:8%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Gaea]]</div></div> | ||
| + | <div style="position:absolute;border:none;top:10%;left:40%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Golgotha]]</div></div> | ||
| + | <div style="position:absolute;border:none;top:15%;left:80%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Meumeuh]]</div></div> | ||
| + | </div></td></tr></table> | ||
| + | |||
| + | On peut utiliser cette technique sur des photos : | ||
| + | |||
| + | {| class=wikitable | ||
| + | |- | ||
| + | | | ||
| + | |||
| + | <code><nowiki><table align=right class="DebutCarte" border="0" cellspacing="0" cellpadding="0" style="margin:0;border:none;padding:0;text-align:center"></nowiki></code><br /> | ||
| + | <code><nowiki><tr><td style="border:none;padding:0"><div style="position:relative;margin:auto">[[Fichier:Furie pas de bras pas de chocolat.png|400px]]</nowiki></code><br /> | ||
| + | <code><nowiki><div style="position:absolute;border:none;top:10%;left:8%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Gaea]]</div></div></nowiki></code><br /> | ||
| + | <code><nowiki><div style="position:absolute;border:none;top:10%;left:40%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Golgotha]]</div></div></nowiki></code><br /> | ||
| + | <code><nowiki><div style="position:absolute;border:none;top:15%;left:80%;"><div style="position:absolute;top:-4px;left:-4px;line-height:1;background-color:YellowGreen;">[[Meumeuh]]</div></div></nowiki></code><br /> | ||
<code><nowiki></div></td></tr></table></nowiki></code><br /> | <code><nowiki></div></td></tr></table></nowiki></code><br /> | ||
|} | |} | ||
Version actuelle datée du 24 février 2015 à 22:47
Principe
Le principe est simple : il s'agit d'afficher une carte et par-dessus un point ou du texte.
Afficher la carte
Cependant, il faut utiliser des balises particulières. Voici les balises qui doivent accompagner la carte :
|
|
Comme vous pouvez le remarquer (en bleu), la carte se précise comme une image classique où l'on peut choisir la taille d'affichage.
Afficher un point
Une fois la carte affichée, il faut ajouter la balise suivante pour afficher un point :
|
|
Un point sur la carte est en fait une image (en bleu dans le code) qui représente ici un carré mais qui pourrait être un autre symbole : rond, étoiles, etc ... Il existe plusieurs images à utiliser comme point, mais vous pouvez toujours en importer d'autres :
Fichier:City locator 2.svg.png
Fichier:City locator 6.svg.png
Fichier:Localisation cité.png
Fichier:Localisation cité Empire.png
Fichier:Localisation cité Coalition.png
Fichier:Localisation cité Ordre.png
Fichier:Localisation cité Chaos.png
Fichier:Localisation cité Gagnetorith.png<table class="DebutCarte" border="0" cellspacing="0" cellpadding="0"
La position du point sur la carte est déterminée par les paramètres en vert dans le code. Ici, le point sera placé verticalement à 45% de la hauteur de la carte et horizontalement à 68% de la largeur de la carte.
Elles sont assez simples à obtenir : téléchargez la carte sur votre PC, ouvrez-la ensuite avec un logiciel comme Paint, passez la souris sur le lieu à localiser et notez les coordonnées de ce point. L'exemple de code ci-dessus correspond au village de Furanör qui a pour coordonnées 2053 et 835. Les dimensions de la carte sont 3000 pixels en largeur et 1875 pixels en hauteur. Le pourcentage en hauteur est 835 / 1875 = 0,44533 = 45%. Le pourcentage en largeur est 2053 / 3000 = 0,68433 = 68%.
| Localité d'Olydri | ||
| Statut : | Village. | |
| Faction : | Gagnetorith. | |
| Localisation : | Île entre Keos et Örn. | |
| ||
| Toutes les localités d'Olydri | ||
Note : l'{{infobox localité}} utilise la localisation, mais le calcul des pourcentages est fait par le modèle. Il y a juste à donner les coordonnées sur la carte :
|
|
Afficher du texte
pour du texte c'est cette balise-ci :
|
|
Les coordonnées suivent le même principe que pour les points.
On met le texte (en bleu) à la place de l'image du point, c'est du code wiki, donc on peut mettre un lien, du gras, ...Mais contrairement au point, il y a le paramètre line-height (en orange) à mettre à 1, et éventuellement une couleur de fond pour le texte (paramètre background-color).
Les différents noms des couleurs à utiliser sont à cette adresse : http://stylescss.free.fr/couleurs.php.
Exemples
Le modèle Continent
| Les six continents d'Olydri | |
|---|---|
|
|
Une autre carte des continents
L'ancienne carte, un autre fond pour les textes :
|
|
L'Océan de Flosanfin
de Flosanfin |
Ici, vous avez une autre technique pour afficher du texte : il n'y a pas de fond coloré, mais le texte est dans une couleur qui tranche avec la carte : background-color:lightblue est remplacé par color:lightblue :
|
|
Les cités Gagnetorith
|
| ||
| Les cités Gagnetorith à l'époque d'Horizon 3.0 | ||
Chaque cité est repérée par un point et son nom en texte (avec un lien vers la page du wiki). Les coordonnées ne sont pas exactement les mêmes.
Torith, la capitale est mise en gras et avec une couleur de fond différent pour être distinguée des autres localités.
|
|
Sur des photos
On peut utiliser cette technique sur des photos :
|
|