Aide:Intégrer une image : Différence entre versions

De Wiki'speria
Aller à : navigation, rechercher
m (màj/condensation)
m (Refonte complète de la page Aide Image)
Ligne 1 : Ligne 1 :
−
==Aide à l'ajout d'image==
+
<!-- Bonjour,
  
−
Pour les templates ci dessous, les images doivent être ajoutées au wiki pour pouvoir être utilisées.<br />
+
les commentaires peuvent s'avérer très pratiques pour laisser des notes d'indications concernant le wikicode, la mise en page, voir même le contenu de la page.
−
Si vous utilisez un template et que les images nécessaires ne sont pas chargées, un lien apparaîtra à leur place, en cliquant dessus vous serez amenés sur une page permettant de charger l'image au bon endroit.<br />
 
−
Si vous voulez aider à ajouter des images, suivez ce lien pour avoir la liste complète et le bon format (si il y en a qui ne sont pas listés, faites bien attention à respecter le format, ou demandez à un admin) :
 
−
[[Liste des Objets]]
 
  
−
Pour intégrer une image, le format est le suivant :<br />  
+
Il ne faut pas hésiter à la utiliser, ils ne gènent en rien.
−
<pre style="width: 500px">[[Fichier:fichier.png|200px|thumb|left|texte descriptif]]</pre><br />
+
Bon apprentissage et bon jeu !
−
200px : pour la taille de l'image à afficher<br />
+
-->
−
thumb : pour mettre l'image dans une case sur le coté<br />
+
__NOEDITSECTION__
−
left : sur la gauche (à enlever pour mettre à droite)<br />
+
<div style='text-align:justify'>
−
texte descriptif : ben, le texte descriptif.<br />
+
<blockquote><big> WIP ~ Une série de pages d'aide, complémentaires, vont être produites, elles seront publiées au fur et à mesure et prendrons plus de sens lorsqu'elles seront toutes sorties. En attendant n'hésitez tout de même pas à me faire parvenir vos retours/demandes sur le sujet. Merci ! (Discord : Wascow) </big></blockquote>
−
[[Fichier:Grille Soupe de Potiron.png|200px|thumb|Une soupe.]]
 
−
<pre style="width: 500px">[[Fichier:Grille Soupe de Potiron.png|200px|thumb|Une soupe.]]</pre><br />
 
−
donnera donc <nowiki>----></nowiki>
 
−
<!-- le code est un peu plus haut pour s'afficher là où il faut -->
 
  
−
Alors que  
+
Les illustrations sont parfois plus claires que mille mots, tout du moins celles-ci permettront une lecture plus agréable de vos pages wikis. C'est pourquoi nous vous proposons d'apprendre à '''ajouter une image''' au wiki'speria, savoir comment l''''insérer dans le contenu''' et pouvoir faire '''varier tout un tas de paramètres''' qui lui sont liés. Comme les autres pages d'aide, les manipulations présentées ici sont très simples et vous y découvrirais certainement qu'il y a des moyens très simples de <span style="color:#803600">réaliser ce que vous voulez en terme d'intégration d'image</span>.
−
<pre style="width: 500px">[[Fichier:Grille Soupe de Potiron.png|200px|Une soupe.]]</pre>
 
−
Donnera
 
−
[[Fichier:Grille Soupe de Potiron.png|200px|Une soupe.]]
 
  
−
Pour choisir l’objet que vous voulez mettre, allez voir cette page : [[Liste des Objets|Liste des Objets]]
+
__TOC__
−
et remplacez “fichier.png” par le nom de l’image que vous voulez mettre (par exemple, “Grille Soupe de Potiron.png”)
 
  
 +
<blockquote>
 +
{| style="height: 50px;"
 +
|-
 +
|[[Fichier:Grille_Bougie.png|40px]]
 +
|'''Tout membre de la communauté peut solliciter''' le [[Groupe_Wiki'speria#Groupe_Wiki.27speria|Groupe Wiki]] pour demander de l'assistance, des explications ou signaler un problème, quel qu'il soit. Vous serez toujours les bienvenus.
 +
|[[Fichier:Grille_Bougie.png|40px]]
 +
|}
 +
</blockquote>
  
−
N’oubliez pas de prévisualiser avant de publier, pour vérifier que ça marche bien !<br><br>
+
=[[Fichier:Grille_Tableau.png|40px|link=]] Ajouter une image=
 +
<br>
 +
{|
 +
|-
 +
|[[Fichier:Grille_Œil_de_l'Ender.png|40px|link=]]
 +
|style="width:10px"|
 +
|<big>''Note : Si vous voulez ajouter une image pour remplacer l'<u>'''avatar sur votre fiche personnage'''</u>, le nom de l'image soit impérativement commencer par "'''Personnage_'''" !</big>
 +
|}
  
 +
==Glisser votre image==
 +
Grace à une nouvelle extension, ''installée en 2020'', l'ajout d'image est devenue une fonction très simple. Voici les étapes à suivre :
 +
<br><br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Assurez-vous que votre fichier image sur ordinateur soit '''nommé correctement'''. Il doit impérativement être nommé de manière ''explicite et claire''.
 +
<blockquote>
 +
Une fois une image ajoutée au wiki, seul le [[Groupe_Wiki'speria#Groupe_Wiki.27speria|Groupe Wiki]] pourra la renommer, voilà pourquoi il est '''important que le nom soit correct''' dès le départ. Toutefois en cas de problèmes n'hésitez pas à contacter l'un des membres.
 +
</blockquote>
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Rendez-vous sur la page où vous voulez insérer votre image et cliquez sur "'''Modifier le wikicode'''".
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Une page d'édition apparaitra et vous verrez ce '''bandereau en haut''' de celle-ci.
 +
[[Fichier:bandereauImage.PNG|center|600px]]
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Glissez votre image, ''correctement nommée'', sur la partie bleu foncée où il y a marqué "'''Glisser ici les fichiers'''"
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Puis cliquez sur "'''Téléverser'''"
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Voilà, '''c'est fait''', votre image est maintenant dans la base de donnée du Wiki'speria.
 +
<br><br>
 +
Pour '''afficher une image''' sur votre page il faut écrire
  
−
Vous pouvez aussi intégrer directement les images dans la page, pour en mettre plusieurs et les voir s'afficher en gallerie, utilisez le code suivant :  
+
<big><center><nowiki>[[Fichier:NOMDELIMAGE.EXTENSION]]</nowiki></center></big>
−
<pre style="width: 400px"><gallery>
+
 
−
Image:Grille Graines d'Orge.png|Les graines d'Orge
+
<blockquote>
−
Image:Grille Orge.png|L'Orge récolté
+
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
−
Image:Grille Chope en Verre.png|Une choppe vide
+
<br>
−
Image:Grille Bière (Verre).png|De la bière !
+
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé
−
</gallery></pre>
+
<br>
−
qui affichera :
+
<center>'''Attention, les minuscules et majuscules sont à respecter''', même pour l'extension !</center>
−
<gallery>
+
</blockquote>
−
Image:Grille Graines d'Orge.png|Les graines d'Orge
+
 
−
Image:Grille Orge.png|L'Orge récolté
+
<blockquote>
−
Image:Grille Chope en Verre.png|Une choppe vide
+
Cette méthode est très puissante puisqu'elle permet l'ajout de multitudes d'images en même temps. Attention toutefois à ce que celles-ci soient '''correctement nommées''' !!
−
Image:Grille Bière (Verre).png|De la bière !
+
</blockquote>
−
</gallery>
+
 
 +
==Créer une page Fichier manuellement==
 +
Dans cette partie est présentée une '''façon alternative''', plus longue mais ''plus complète'' d'ajouter une image. La technique [[XX|Glisser votre image]] est celle que nous recommandons, créer une page fichier manuellement correspond à l'''ancienne technique''.
 +
<br><br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Rendez-vous sur la page où vous voulez insérer votre image et cliquez sur "'''Modifier le wikicode'''".
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Tapez '''<nowiki>[[Fichier:NOMDELIMAGE.EXTENSION]]</nowiki>''' là où vous souhaitez insérer l'image puis cliquez sur "'''Prévisualiser'''" en bas de la page d'édition.
 +
<blockquote>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer NOMDELIMAGE par le nom que vous voulez donner à vore image.
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer EXTENSION par .jpg, .png, .jpeg pour que cela corresponde au format de l'image que vous voulez importer.
 +
<br>
 +
<center>'''Attention, les minuscules et majuscules sont à respecter''' pour l'extension !</center>
 +
</blockquote>
 +
 
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Là où vous avez tapé <nowiki>[[Fichier:NOMDELIMAGE.EXTENSION]]</nowiki> se trouvera un '''lien rouge, ouvrez-le''' sans un nouvel onglet.
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Une page "Importer un fichier" s'ouvre, ne prêtez pas attention à tous les détails, cliquez simplement sur "'''Parcourir'''" pour trouver votre image.
 +
<br>
 +
[[File:bandereauParcourir.PNG|600px|center]]
 +
<blockquote>
 +
'''Ne pas modifier le nom''' de l'image sur la page d'imporation.
 +
</blockquote>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Vous pouvez ensuite '''rédiger une description''' de l'image qui ne sera pas affiché sur la page wiki.
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Enfin, cliquez sur "Importer le fichier".
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Vous pouvez fermer la page d'importation et revenir sur la page que vous étiez en train de modifier, '''relancez la prévisualisation''', vous verrez que l'image est désormais affichée.
 +
 
 +
=[[Fichier:Grille_Cisailles.png|40px|link=]] Modifier le format d'une image=
 +
Vous connaissez le nom de votre image (avec l'extension) et celle-ci a été importé en suivant l'une des méthodes ci-dessus ? Parfait, il s'agit maintenant de maitriser la bête.
 +
<br>
 +
Pour insérer l'image à l'endroit voulu sur votre page vous devez taper '''<nowiki>[[Fichier:NOMDELIMAGE.EXTENSION]]</nowiki>'''
 +
<blockquote>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé
 +
<br>
 +
<center>'''Attention, les minuscules et majuscules sont à respecter''', même pour l'extension !</center>
 +
</blockquote>
 +
 
 +
Toutes les modifications de format passeront par l'ajout de nouveau paramètres, séparé par un "''' | '''" ''(Barre verticale~Pipe, sur la touche du 6)''. L''''ordre des paramètres''' n'a aucune importance.
 +
 
 +
 
 +
{|
 +
|-style="height:50px"
 +
|style="width:20%;padding:0px 0px 11px 0px"|
 +
===Taille===
 +
|style="width:40%"|
 +
[[Fichier:Grille_Livre_et_Plume.png|70px]]
 +
|style="width:10px"|
 +
|style="width:300px"|
 +
<nowiki>[[Fichier:Grille_Livre_et_Plume.png</nowiki>'''<big><nowiki>|70px</nowiki></big>''']]
 +
|-
 +
|style="width:20%;padding:0px 0px 11px 0px"|
 +
===Alignement===
 +
|
 +
[[Fichier:Grille_Plume.png|gauche|32px]]
 +
<br>
 +
[[Fichier:Grille_Papier.png|centre|32px]]
 +
[[Fichier:Grille_Encrier_et_Plume.png|droite]]
 +
|
 +
|
 +
<nowiki>[[Fichier:Grille_Plume.png</nowiki>'''<big><nowiki>|gauche</nowiki></big>'''<nowiki>|32px]]</nowiki>
 +
<nowiki>[[Fichier:Grille_Papier.png</nowiki>'''<big><nowiki>|centre</nowiki></big>'''<nowiki>|32px]]</nowiki>
 +
<nowiki>[[Fichier:Grille_Encrier_et_Plume.png</nowiki>'''<big><nowiki>|droite</nowiki></big>''']]
 +
|-
 +
|style="width:20%;padding:0px 0px 11px 0px"|
 +
===Bordure===
 +
|
 +
[[Fichier:Grille_Livre_Écrit.png|centre|border|40px]]
 +
|
 +
|
 +
<nowiki>[[Fichier:Grille_Livre_Écrit.png|centre</nowiki>'''<big><nowiki>|border</nowiki></big>'''|40px]]
 +
|-
 +
|style="width:20%;padding:0px 0px 11px 0px"|
 +
===Lien cliquable===
 +
|
 +
[[Fichier:Grille_Bibliothèque_en_Cacaoyer.png|centre|50px|link=https://www.esperia-rp.net]]
 +
|
 +
|
 +
<small><small><nowiki>[[Fichier:Grille_Bibliothèque_en_Cacaoyer.png|centre|50px</nowiki>'''<big><nowiki>|link=https://www.esperia-rp.net</nowiki></big>''']]</small></small>
 +
|}
 +
 
 +
=[[Fichier:Grille_Pancarte.png|40px|link=]] Utiliser des formats pré-faits=
 +
Parmi tous les outils à votre disposition sur le wiki en figurent deux ciblés pour les images. Le '''[[Modèle:Cadre d'Image]]''' et les balises '''<nowiki><gallery></nowiki>'''.
 +
 
 +
==Cadre Image ~La bonne façon de mettre les légendes==
 +
<big>Nous vous '''recommandons très vivement''' d'employer ce modèle pour insérer des images ''avec légende''.</big>
 +
 
 +
<pre>
 +
{{Cadre d'Image
 +
|1=
 +
|2=
 +
|titre=
 +
}}
 +
</pre>
  
 +
<blockquote>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]''' 1''' : Renseignez l''''alignement''' que vous souhaitez pour votre image ''(en anglais, left, center, right)''
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]] '''2''' : Insérer ce qui a été vu plus haut, permettant d''''afficher l'image''', simplement, sans paramètres supplémentaires
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]] '''titre''' : Écrivez ici '''la légende''' que vous voulez affiché en dessous de votre image
 +
</blockquote>
  
−
==Uploader puis intégrer des images==
+
<center>''Plus d'options sont disponibles directement sur la page [[Modèle:Cadre d'Image]]''</center>
  
 +
==Gallery==
  
−
*Pour intégrer l’image que vous voulez depuis votre ordinateur :
+
La balise <galery> est particulièrement adaptée à l'affiche d'objet étant donné que le cadre est de taille fixe, comme visible sur l'exemple ci-dessous.
  
 +
<pre>
 +
<gallery>
 +
Image:NOMDELIMAGE.EXTENSION | Légende
 +
Image:NOMDELIMAGE2.EXTENSION | Légende
 +
</gallery>
 +
</pre>
 +
 +
<blockquote>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
 +
<br>
 +
[[Fichier:Grille_Bouton.png|20px|link=]]Remplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé
 +
<br>
 +
<center>'''Attention, les minuscules et majuscules sont à respecter''', même pour l'extension !</center>
 +
</blockquote>
 +
 +
<center>
 +
<gallery>
 +
Image:Grille_Brioche.png|Brioche
 +
Image:Grille_Chope_de_Lait_Chaud.png|Chope de lait chaud
 +
Image:Grille_Bourse_en_Cuir.png|Bourse en cuir
 +
</gallery>
 +
</center>
  
−
'''<nowiki>[[Fichier:nomdel'image.jpg|200px|thumb|left|texte descriptif]]</nowiki>'''<br><br>
+
=[[Fichier:Grille_Livre_Écrit.png|40px|link=]] Les règles d'usage=
 +
Les images ajoutées au wiki se doivent de '''respecter une éthique''' irréprochable, '''respecter les droits d'auteur''' et n'être inapproprié d'aucune façon. Une entorse à cette règle générale ''emmenera sa suppression'' et il pourra en découler ''des sanctions sévères'' pour l'utilisateur en question.
  
 +
Si vous souhaitez '''renommer ou supprimer''' une image, adressez-vous directement au [[Groupe_Wiki'speria#Groupe_Wiki.27speria|Groupe Wiki]] qui pourra opérer les changements dans les plus brefs délais.
  
−
'''Quelques explications :'''<br>
 
−
'''nomdel'image.jpg :''' à remplacer par le nom de votre image.<br>
 
−
'''200px :''' pour la taille de l'image à afficher<br>
 
−
'''thumb :''' pour mettre l'image dans une case sur le coté du texte<br>
 
−
'''left :''' pour mettre l’image sur la gauche du texte (remplacer par “center” pour mettre au milieu, à enlever pour mettre à droite)<br>
 
−
'''texte descriptif :''' le texte descriptif qui s’affichera dans le cadre, en-dessous de l’image.<br><br>
 
  
−
Maintenant que vous avez positionné votre image à l’endroit du texte où vous voulez la mettre, cliquez sur “Prévisualiser”.<br>
+
{{Ecrit|En bref}}
−
Vous verrez au milieu du texte un lien vers une image en rouge italique, car l’image n’existe pas encore. Donc en cliquant sur le lien, il vous sera proposé de la créer. Ouvrez ce lien dans une autre fenêtre.<br>
+
Le '''nom de votre image''', les minuscules et majuscules utilisés, est très important.
−
Dans le premier encadré, vous cliquez sur “Parcourir” pour choisir l’image dans vos documents.<br><br>
+
<br><br>
−
Dans le deuxième encadré, il sera écrit le nom de votre image ('''“nomdel'image.jpg”''' si vous ne changez rien) puis une description de l’image (ce qui sera écrit sous l’image si vous cliquez dessus une fois l’image ajoutée sur votre page, car cela vous renverra sur la page spécifique de l’image sur le wiki (en gros, ajouter une image sur votre fiche créera une nouvelle page wiki avec seulement votre image et une description dessus, mais ne vous en souciez pas)).<br><br>
+
Il est désormais possible d''''ajouter de multiples images''' en même temps.
−
Cliquez sur '''“Importer le fichier”'''.<br><br>
+
<br><br>
−
Maintenant, vous pouvez fermer cette fenêtre et revenir sur votre page wiki. Cliquez de nouveau sur “Prévisualiser” et normalement, votre image devrait apparaître !<br>
+
Les '''paramètres de mise en forme''' sont séparés par un "'''|'''" et l'ordre importe peu.
−
(Attention, si vous oubliez de changer “nomdel'image.jpg”, vous aurez une trollface sur votre page.)<br><br>
+
<br><br>
 +
Un modèle doit être utilisé pour '''ajouter une légende''' à une image.
 +
<br><br>
 +
L''''affichage d'objets''' est facilité par la balise '''<nowiki><gallery></nowiki>'''.
 +
{{\Ecrit}}
  
 +
</div>
  
−
De plus, le bac à sable, page laboratoire de test, reste à votre disposition :<br>
+
[[Catégorie:Aide]]
−
[[HRP:Bac_%C3%A0_sable|Bac à Sable]]
 

Version du 20 avril 2020 à 11:02


WIP ~ Une série de pages d'aide, complémentaires, vont être produites, elles seront publiées au fur et à mesure et prendrons plus de sens lorsqu'elles seront toutes sorties. En attendant n'hésitez tout de même pas à me faire parvenir vos retours/demandes sur le sujet. Merci ! (Discord : Wascow)

Les illustrations sont parfois plus claires que mille mots, tout du moins celles-ci permettront une lecture plus agréable de vos pages wikis. C'est pourquoi nous vous proposons d'apprendre à ajouter une image au wiki'speria, savoir comment l'insérer dans le contenu et pouvoir faire varier tout un tas de paramètres qui lui sont liés. Comme les autres pages d'aide, les manipulations présentées ici sont très simples et vous y découvrirais certainement qu'il y a des moyens très simples de réaliser ce que vous voulez en terme d'intégration d'image.

Grille Bougie.png Tout membre de la communauté peut solliciter le Groupe Wiki pour demander de l'assistance, des explications ou signaler un problème, quel qu'il soit. Vous serez toujours les bienvenus. Grille Bougie.png

Grille Tableau.png Ajouter une image


Grille Œil de l'Ender.png Note : Si vous voulez ajouter une image pour remplacer l'avatar sur votre fiche personnage, le nom de l'image soit impérativement commencer par "Personnage_" !

Glisser votre image

Grace à une nouvelle extension, installée en 2020, l'ajout d'image est devenue une fonction très simple. Voici les étapes à suivre :

Grille Bouton.pngAssurez-vous que votre fichier image sur ordinateur soit nommé correctement. Il doit impérativement être nommé de manière explicite et claire.

Une fois une image ajoutée au wiki, seul le Groupe Wiki pourra la renommer, voilà pourquoi il est important que le nom soit correct dès le départ. Toutefois en cas de problèmes n'hésitez pas à contacter l'un des membres.


Grille Bouton.pngRendez-vous sur la page où vous voulez insérer votre image et cliquez sur "Modifier le wikicode".
Grille Bouton.pngUne page d'édition apparaitra et vous verrez ce bandereau en haut de celle-ci.

BandereauImage.PNG


Grille Bouton.pngGlissez votre image, correctement nommée, sur la partie bleu foncée où il y a marqué "Glisser ici les fichiers"
Grille Bouton.pngPuis cliquez sur "Téléverser"
Grille Bouton.pngVoilà, c'est fait, votre image est maintenant dans la base de donnée du Wiki'speria.

Pour afficher une image sur votre page il faut écrire

[[Fichier:NOMDELIMAGE.EXTENSION]]

Grille Bouton.pngRemplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
Grille Bouton.pngRemplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé

Attention, les minuscules et majuscules sont à respecter, même pour l'extension !

Cette méthode est très puissante puisqu'elle permet l'ajout de multitudes d'images en même temps. Attention toutefois à ce que celles-ci soient correctement nommées !!

Créer une page Fichier manuellement

Dans cette partie est présentée une façon alternative, plus longue mais plus complète d'ajouter une image. La technique Glisser votre image est celle que nous recommandons, créer une page fichier manuellement correspond à l'ancienne technique.

Grille Bouton.pngRendez-vous sur la page où vous voulez insérer votre image et cliquez sur "Modifier le wikicode".
Grille Bouton.pngTapez [[Fichier:NOMDELIMAGE.EXTENSION]] là où vous souhaitez insérer l'image puis cliquez sur "Prévisualiser" en bas de la page d'édition.

Grille Bouton.pngRemplacer NOMDELIMAGE par le nom que vous voulez donner à vore image.
Grille Bouton.pngRemplacer EXTENSION par .jpg, .png, .jpeg pour que cela corresponde au format de l'image que vous voulez importer.

Attention, les minuscules et majuscules sont à respecter pour l'extension !

Grille Bouton.pngLà où vous avez tapé [[Fichier:NOMDELIMAGE.EXTENSION]] se trouvera un lien rouge, ouvrez-le sans un nouvel onglet.
Grille Bouton.pngUne page "Importer un fichier" s'ouvre, ne prêtez pas attention à tous les détails, cliquez simplement sur "Parcourir" pour trouver votre image.

BandereauParcourir.PNG

Ne pas modifier le nom de l'image sur la page d'imporation.

Grille Bouton.pngVous pouvez ensuite rédiger une description de l'image qui ne sera pas affiché sur la page wiki.
Grille Bouton.pngEnfin, cliquez sur "Importer le fichier".
Grille Bouton.pngVous pouvez fermer la page d'importation et revenir sur la page que vous étiez en train de modifier, relancez la prévisualisation, vous verrez que l'image est désormais affichée.

Grille Cisailles.png Modifier le format d'une image

Vous connaissez le nom de votre image (avec l'extension) et celle-ci a été importé en suivant l'une des méthodes ci-dessus ? Parfait, il s'agit maintenant de maitriser la bête.
Pour insérer l'image à l'endroit voulu sur votre page vous devez taper [[Fichier:NOMDELIMAGE.EXTENSION]]

Grille Bouton.pngRemplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
Grille Bouton.pngRemplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé

Attention, les minuscules et majuscules sont à respecter, même pour l'extension !

Toutes les modifications de format passeront par l'ajout de nouveau paramètres, séparé par un " | " (Barre verticale~Pipe, sur la touche du 6). L'ordre des paramètres n'a aucune importance.


Taille

Grille Livre et Plume.png

[[Fichier:Grille_Livre_et_Plume.png|70px]]

Alignement
Grille Plume.png


Grille Papier.png
Grille Encrier et Plume.png

[[Fichier:Grille_Plume.png|gauche|32px]] [[Fichier:Grille_Papier.png|centre|32px]] [[Fichier:Grille_Encrier_et_Plume.png|droite]]

Bordure
Grille Livre Écrit.png

[[Fichier:Grille_Livre_Écrit.png|centre|border|40px]]

Lien cliquable
Grille Bibliothèque en Cacaoyer.png

[[Fichier:Grille_Bibliothèque_en_Cacaoyer.png|centre|50px|link=https://www.esperia-rp.net]]

Grille Pancarte.png Utiliser des formats pré-faits

Parmi tous les outils à votre disposition sur le wiki en figurent deux ciblés pour les images. Le Modèle:Cadre d'Image et les balises <gallery>.

Cadre Image ~La bonne façon de mettre les légendes

Nous vous recommandons très vivement d'employer ce modèle pour insérer des images avec légende. 

{{Cadre d'Image
 |1=
 |2=
 |titre=
 }}

Grille Bouton.png 1 : Renseignez l'alignement que vous souhaitez pour votre image (en anglais, left, center, right)
Grille Bouton.png 2 : Insérer ce qui a été vu plus haut, permettant d'afficher l'image, simplement, sans paramètres supplémentaires
Grille Bouton.png titre : Écrivez ici la légende que vous voulez affiché en dessous de votre image

Plus d'options sont disponibles directement sur la page Modèle:Cadre d'Image

Gallery

La balise <galery> est particulièrement adaptée à l'affiche d'objet étant donné que le cadre est de taille fixe, comme visible sur l'exemple ci-dessous. 

<gallery>
Image:NOMDELIMAGE.EXTENSION | Légende
Image:NOMDELIMAGE2.EXTENSION | Légende
</gallery>

Grille Bouton.pngRemplacer NOMDELIMAGE par le nom que vous avez donné à votre fichier image.
Grille Bouton.pngRemplacer EXTENSION par .jpg, .png, .jpeg en fonction de l'image que vous avez importé

Attention, les minuscules et majuscules sont à respecter, même pour l'extension !

  • Brioche

  • Chope de lait chaud

  • Bourse en cuir

Grille Livre Écrit.png Les règles d'usage

Les images ajoutées au wiki se doivent de respecter une éthique irréprochable, respecter les droits d'auteur et n'être inapproprié d'aucune façon. Une entorse à cette règle générale emmenera sa suppression et il pourra en découler des sanctions sévères pour l'utilisateur en question.

Si vous souhaitez renommer ou supprimer une image, adressez-vous directement au Groupe Wiki qui pourra opérer les changements dans les plus brefs délais.


En bref

Border2px.png

Le nom de votre image, les minuscules et majuscules utilisés, est très important.

Il est désormais possible d'ajouter de multiples images en même temps.

Les paramètres de mise en forme sont séparés par un "|" et l'ordre importe peu.

Un modèle doit être utilisé pour ajouter une légende à une image.

L'affichage d'objets est facilité par la balise <gallery>.

Récupérée de « https://www.esperia-rp.net/wiki/index.php?title=Aide:Intégrer_une_image&oldid=94542 »