https://wiki.alfinternational.eu/index.php?action=history&feed=atom&title=Aide%3AImages Aide:Images - Historique des versions 2026-04-13T00:24:40Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.1 https://wiki.alfinternational.eu/index.php?title=Aide:Images&diff=9280&oldid=prev Admin le 10 avril 2026 à 01:05 2026-04-10T01:05:24Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 10 avril 2026 à 01:05</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Ligne 2 :</td> <td colspan="2" class="diff-lineno">Ligne 2 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Étape 1 : Le Téléchargement (L&#039;image doit exister sur le serveur)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Étape 1 : Le Téléchargement (L&#039;image doit exister sur le serveur)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Avant d&#039;insérer un code, le fichier doit être &quot;hébergé&quot; par le wiki.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Avant d&#039;insérer un code, le fichier doit être &quot;hébergé&quot; par le wiki.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>1. **Connectez-vous** à votre compte.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>1. **Connectez-vous** à votre compte.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>2. Dans le menu **"Outils"** (généralement à gauche), cliquez sur **"Téléverser un fichier"**.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>2. Dans le menu **"Outils"** (généralement à gauche), cliquez sur **"Téléverser un fichier"**.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>3. Choisissez votre image sur votre ordinateur.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>3. Choisissez votre image sur votre ordinateur.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>4. **Important :** Donnez-lui un **"Nom de destination"** simple et précis (ex: Blason_Bonneval.jpg). C’est ce nom exact qu’il faudra taper dans le code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>4. **Important :** Donnez-lui un **"Nom de destination"** simple et précis (ex: Blason_Bonneval.jpg). C’est ce nom exact qu’il faudra taper dans le code.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>5. Validez en cliquant sur **"Importer le fichier"**.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>5. Validez en cliquant sur **"Importer le fichier"**.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Étape 2 : L&#039;insertion du code dans la page</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Étape 2 : L&#039;insertion du code dans la page</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Une fois l&#039;image en ligne, allez sur votre page de thésaurus, cliquez sur **&quot;Modifier&quot;** et insérez le code suivant (que l&#039;on retrouve sur vos captures d&#039;écran) :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Une fois l&#039;image en ligne, allez sur votre page de thésaurus, cliquez sur **&quot;Modifier&quot;** et insérez le code suivant (que l&#039;on retrouve sur vos captures d&#039;écran) :</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13">Ligne 13 :</td> <td colspan="2" class="diff-lineno">Ligne 13 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Comprendre les paramètres du code</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### Comprendre les paramètres du code</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Pour que votre image s&#039;intègre parfaitement, voici à quoi servent les différentes parties :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Pour que votre image s&#039;intègre parfaitement, voici à quoi servent les différentes parties :</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>* **Fichier:Nom_de_votre_image.jpg** : C'est l'identifiant de votre photo. Attention à l'orthographe et à l'extension (.jpg, .png).</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* **Fichier:Nom_de_votre_image.jpg** : C'est l'identifiant de votre photo. Attention à l'orthographe et à l'extension (.jpg, .png).</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>* **thumb** : (Pour *thumbnail*) Crée automatiquement un cadre élégant autour de l'image.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* **thumb** : (Pour *thumbnail*) Crée automatiquement un cadre élégant autour de l'image.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>* **center** : Centre l'image. Vous pouvez le remplacer par **left** (gauche) ou **right** (droite) pour faire circuler le texte autour.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* **center** : Centre l'image. Vous pouvez le remplacer par **left** (gauche) ou **right** (droite) pour faire circuler le texte autour.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>* **250px** : Définit la taille. 250 pixels est une largeur standard pour un thésaurus, mais vous pouvez l'ajuster selon la finesse du détail à montrer.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* **250px** : Définit la taille. 250 pixels est une largeur standard pour un thésaurus, mais vous pouvez l'ajuster selon la finesse du détail à montrer.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>* **Légende** : C'est le texte qui s'affichera sous l'image. Indispensable pour identifier un personnage ou une source.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* **Légende** : C'est le texte qui s'affichera sous l'image. Indispensable pour identifier un personnage ou une source.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### 💡 L&#039;astuce du &quot;Lien Rouge&quot;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>### 💡 L&#039;astuce du &quot;Lien Rouge&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Si vous écrivez le code avec un nom de fichier qui n&#039;existe pas encore (ex: [[Fichier:Portrait_Jean_Anne.jpg|...]]), le nom apparaîtra en **rouge** sur la page enregistrée.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Si vous écrivez le code avec un nom de fichier qui n&#039;existe pas encore (ex: [[Fichier:Portrait_Jean_Anne.jpg|...]]), le nom apparaîtra en **rouge** sur la page enregistrée.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**Pas de panique :** Il vous suffit de cliquer sur ce lien rouge. Le wiki vous dirigera directement vers la page de téléchargement pour y déposer la photo correspondante. Une fois le fichier envoyé, l&#039;image apparaîtra magiquement à la place du texte rouge !</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**Pas de panique :** Il vous suffit de cliquer sur ce lien rouge. Le wiki vous dirigera directement vers la page de téléchargement pour y déposer la photo correspondante. Une fois le fichier envoyé, l&#039;image apparaîtra magiquement à la place du texte rouge !</div></td></tr> <!-- diff cache key c1wikifr:diff:1.41:old-9279:rev-9280:php=table --> </table> Admin https://wiki.alfinternational.eu/index.php?title=Aide:Images&diff=9279&oldid=prev Admin le 9 avril 2026 à 18:17 2026-04-09T18:17:23Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 9 avril 2026 à 18:17</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Pour <del style="font-weight: bold; text-decoration: none;">rajouter une image </del>sur <del style="font-weight: bold; text-decoration: none;">une page du wiki </del>ALF International (<del style="font-weight: bold; text-decoration: none;">qui utilise le moteur MediaWiki</del>), <del style="font-weight: bold; text-decoration: none;">il ne suffit pas de coller </del>le <del style="font-weight: bold; text-decoration: none;">code ; il faut d'abord que le fichier soit "connu" </del>du <del style="font-weight: bold; text-decoration: none;">serveur</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pour <ins style="font-weight: bold; text-decoration: none;">enrichir un thésaurus </ins>sur <ins style="font-weight: bold; text-decoration: none;">le **Wiki </ins>ALF International<ins style="font-weight: bold; text-decoration: none;">**, l'ajout d'images </ins>(<ins style="font-weight: bold; text-decoration: none;">blasons, portraits, demeures</ins>) <ins style="font-weight: bold; text-decoration: none;">est essentiel. Voici un guide simple pour maîtriser l'insertion de fichiers</ins>, <ins style="font-weight: bold; text-decoration: none;">basé sur </ins>le <ins style="font-weight: bold; text-decoration: none;">fonctionnement </ins>du <ins style="font-weight: bold; text-decoration: none;">moteur MediaWiki</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Voici la marche à suivre étape par étape </del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">### Étape 1 </ins>: <ins style="font-weight: bold; text-decoration: none;">Le Téléchargement </ins>(<ins style="font-weight: bold; text-decoration: none;">L</ins>'image <ins style="font-weight: bold; text-decoration: none;">doit exister </ins>sur le serveur<ins style="font-weight: bold; text-decoration: none;">)</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">1. Téléverser </del>(<del style="font-weight: bold; text-decoration: none;">uploader) l</del>'image sur le serveur</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Avant d'<ins style="font-weight: bold; text-decoration: none;">insérer un </ins>code, <ins style="font-weight: bold; text-decoration: none;">le fichier </ins>doit être <ins style="font-weight: bold; text-decoration: none;">"hébergé" par le </ins>wiki.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Avant d'<del style="font-weight: bold; text-decoration: none;">utiliser le </del>code <del style="font-weight: bold; text-decoration: none;">[[Fichier:Nom_de_votre_image.jpg]]</del>, <del style="font-weight: bold; text-decoration: none;">l'image </del>doit être <del style="font-weight: bold; text-decoration: none;">présente dans la base de données du </del>wiki.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">1. *</ins>*Connectez-vous<ins style="font-weight: bold; text-decoration: none;">** </ins>à votre compte.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * Connectez-vous à votre compte <del style="font-weight: bold; text-decoration: none;">sur le Wiki ALF International</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">2. </ins>Dans <ins style="font-weight: bold; text-decoration: none;">le </ins>menu <ins style="font-weight: bold; text-decoration: none;">**</ins>"Outils"<ins style="font-weight: bold; text-decoration: none;">** (généralement à gauche</ins>), cliquez sur <ins style="font-weight: bold; text-decoration: none;">**</ins>"Téléverser un fichier"<ins style="font-weight: bold; text-decoration: none;">**</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  <del style="font-weight: bold; text-decoration: none;">* </del>Dans <del style="font-weight: bold; text-decoration: none;">la colonne de gauche (</del>menu "Outils"), cliquez sur "Téléverser un fichier" <del style="font-weight: bold; text-decoration: none;">(ou "Upload file")</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">3. Choisissez votre </ins>image sur votre ordinateur.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  <del style="font-weight: bold; text-decoration: none;">* Cliquez sur "Parcourir" pour sélectionner l'</del>image sur votre ordinateur.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">4. **Important :** Donnez-lui un *</ins>*"Nom de destination"<ins style="font-weight: bold; text-decoration: none;">** simple </ins>et <ins style="font-weight: bold; text-decoration: none;">précis </ins>(ex: <ins style="font-weight: bold; text-decoration: none;">Blason_Bonneval</ins>.jpg). <ins style="font-weight: bold; text-decoration: none;">C’est </ins>ce nom <ins style="font-weight: bold; text-decoration: none;">exact qu’il faudra taper </ins>dans le code.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * <del style="font-weight: bold; text-decoration: none;">Dans le champ </del>"Nom de destination"<del style="font-weight: bold; text-decoration: none;">, donnez-lui un nom clair </del>et <del style="font-weight: bold; text-decoration: none;">mémorable </del>(ex: <del style="font-weight: bold; text-decoration: none;">Blason_ALF</del>.jpg). <del style="font-weight: bold; text-decoration: none;">C'est </del>ce nom <del style="font-weight: bold; text-decoration: none;">que vous devrez utiliser </del>dans le code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">5. Validez en cliquant sur *</ins>*"Importer le fichier"<ins style="font-weight: bold; text-decoration: none;">**</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * <del style="font-weight: bold; text-decoration: none;">Cliquez sur le bouton </del>"Importer le fichier" <del style="font-weight: bold; text-decoration: none;">en bas de page</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">### Étape </ins>2 <ins style="font-weight: bold; text-decoration: none;">: L</ins>'<ins style="font-weight: bold; text-decoration: none;">insertion du code </ins>dans <ins style="font-weight: bold; text-decoration: none;">la </ins>page</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>2<del style="font-weight: bold; text-decoration: none;">. Insérer l</del>'<del style="font-weight: bold; text-decoration: none;">image </del>dans <del style="font-weight: bold; text-decoration: none;">votre </del>page</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Une fois l'image <ins style="font-weight: bold; text-decoration: none;">en ligne</ins>, allez sur <ins style="font-weight: bold; text-decoration: none;">votre </ins>page <ins style="font-weight: bold; text-decoration: none;">de thésaurus</ins>, cliquez sur <ins style="font-weight: bold; text-decoration: none;">**</ins>"Modifier"<ins style="font-weight: bold; text-decoration: none;">** et insérez le </ins>code <ins style="font-weight: bold; text-decoration: none;">suivant (que l'on retrouve sur vos captures d'écran) </ins>:</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Une fois l'image <del style="font-weight: bold; text-decoration: none;">envoyée</del>, allez sur <del style="font-weight: bold; text-decoration: none;">la </del>page <del style="font-weight: bold; text-decoration: none;">où vous souhaitez l'afficher</del>, cliquez sur <del style="font-weight: bold; text-decoration: none;">l'onglet </del>"Modifier" <del style="font-weight: bold; text-decoration: none;">en haut, puis collez votre </del>code :</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&gt; </ins>[[Fichier:Nom_de_votre_image.jpg|thumb|center|<ins style="font-weight: bold; text-decoration: none;">250px</ins>|<ins style="font-weight: bold; text-decoration: none;">Légende </ins>de l'image]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Fichier:Nom_de_votre_image.jpg|thumb|center|<del style="font-weight: bold; text-decoration: none;">200px</del>|<del style="font-weight: bold; text-decoration: none;">Description </del>de l'image]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&gt; </ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">### Comprendre les </ins>paramètres du code</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Explication des </del>paramètres du code :</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Pour que votre image s'intègre parfaitement, voici à quoi servent les différentes parties </ins>:</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> * **</ins>Fichier:Nom_de_votre_image.jpg<ins style="font-weight: bold; text-decoration: none;">** </ins>: <ins style="font-weight: bold; text-decoration: none;">C'est l'identifiant de votre photo. Attention à </ins>l'<ins style="font-weight: bold; text-decoration: none;">orthographe et </ins>à l'<ins style="font-weight: bold; text-decoration: none;">extension (.jpg, .png)</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[</del>Fichier:Nom_de_votre_image.jpg<del style="font-weight: bold; text-decoration: none;">|thumb|center|200px|]]</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">* *</ins>*thumb<ins style="font-weight: bold; text-decoration: none;">** </ins>: <ins style="font-weight: bold; text-decoration: none;">(Pour *thumbnail*) </ins>Crée <ins style="font-weight: bold; text-decoration: none;">automatiquement un </ins>cadre <ins style="font-weight: bold; text-decoration: none;">élégant autour de l'image</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> </del>: <del style="font-weight: bold; text-decoration: none;">Doit correspondre exactement au nom sous lequel vous avez enregistré </del>l'<del style="font-weight: bold; text-decoration: none;">image </del>à l'<del style="font-weight: bold; text-decoration: none;">étape 1</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  <ins style="font-weight: bold; text-decoration: none;">* *</ins>*center<ins style="font-weight: bold; text-decoration: none;">** </ins>: <ins style="font-weight: bold; text-decoration: none;">Centre </ins>l'image<ins style="font-weight: bold; text-decoration: none;">. Vous </ins>pouvez <ins style="font-weight: bold; text-decoration: none;">le remplacer par **</ins>left<ins style="font-weight: bold; text-decoration: none;">** (gauche) </ins>ou <ins style="font-weight: bold; text-decoration: none;">**</ins>right<ins style="font-weight: bold; text-decoration: none;">** (droite</ins>) <ins style="font-weight: bold; text-decoration: none;">pour faire circuler le texte autour</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * thumb : Crée <del style="font-weight: bold; text-decoration: none;">une miniature (</del>cadre <del style="font-weight: bold; text-decoration: none;">avec bordure)</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  * <ins style="font-weight: bold; text-decoration: none;">**250px** </ins>: Définit la <ins style="font-weight: bold; text-decoration: none;">taille. 250 pixels est une </ins>largeur <ins style="font-weight: bold; text-decoration: none;">standard pour un thésaurus, mais vous pouvez </ins>l'<ins style="font-weight: bold; text-decoration: none;">ajuster </ins>selon <ins style="font-weight: bold; text-decoration: none;">la finesse du détail à montrer</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * center : <del style="font-weight: bold; text-decoration: none;">Place </del>l'image <del style="font-weight: bold; text-decoration: none;">au milieu de la page (vous </del>pouvez <del style="font-weight: bold; text-decoration: none;">aussi mettre </del>left ou right).</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  * <ins style="font-weight: bold; text-decoration: none;">**Légende** </ins>: <ins style="font-weight: bold; text-decoration: none;">C'est le </ins>texte qui <ins style="font-weight: bold; text-decoration: none;">s'affichera </ins>sous l'image<ins style="font-weight: bold; text-decoration: none;">. Indispensable pour identifier un personnage ou une source</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * <del style="font-weight: bold; text-decoration: none;">200px </del>: Définit la largeur <del style="font-weight: bold; text-decoration: none;">de </del>l'<del style="font-weight: bold; text-decoration: none;">image (vous pouvez changer le chiffre </del>selon <del style="font-weight: bold; text-decoration: none;">vos besoins)</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">### 💡 L'astuce du "Lien Rouge"</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  * <del style="font-weight: bold; text-decoration: none;">Description </del>: <del style="font-weight: bold; text-decoration: none;">Le </del>texte qui <del style="font-weight: bold; text-decoration: none;">apparaîtra </del>sous l'image.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Si vous <ins style="font-weight: bold; text-decoration: none;">écrivez </ins>le code <ins style="font-weight: bold; text-decoration: none;">avec un nom de fichier qui n'existe pas encore (ex: </ins>[[Fichier:<ins style="font-weight: bold; text-decoration: none;">Portrait_Jean_Anne</ins>.jpg|...]]<ins style="font-weight: bold; text-decoration: none;">)</ins>, le <ins style="font-weight: bold; text-decoration: none;">nom </ins>apparaîtra en <ins style="font-weight: bold; text-decoration: none;">**</ins>rouge<ins style="font-weight: bold; text-decoration: none;">** sur la page enregistrée</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Note importante : </del>Si vous <del style="font-weight: bold; text-decoration: none;">utilisez </del>le code [[Fichier:<del style="font-weight: bold; text-decoration: none;">Blason</del>.jpg|...]] <del style="font-weight: bold; text-decoration: none;">alors qu'aucune image nommée "Blason.jpg" n'a été téléversée</del>, le <del style="font-weight: bold; text-decoration: none;">lien </del>apparaîtra en rouge. Il <del style="font-weight: bold; text-decoration: none;">suffira alors </del>de cliquer sur ce lien rouge <del style="font-weight: bold; text-decoration: none;">pour accéder </del>directement <del style="font-weight: bold; text-decoration: none;">à </del>la page de <del style="font-weight: bold; text-decoration: none;">téléversement de ce </del>fichier<del style="font-weight: bold; text-decoration: none;">.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">**Pas de panique :** </ins>Il <ins style="font-weight: bold; text-decoration: none;">vous suffit </ins>de cliquer sur ce lien rouge<ins style="font-weight: bold; text-decoration: none;">. Le wiki vous dirigera </ins>directement <ins style="font-weight: bold; text-decoration: none;">vers </ins>la page de <ins style="font-weight: bold; text-decoration: none;">téléchargement pour y déposer la photo correspondante. Une fois le </ins>fichier <ins style="font-weight: bold; text-decoration: none;">envoyé, l'image apparaîtra magiquement à la place du texte rouge !</ins></div></td></tr> <!-- diff cache key c1wikifr:diff:1.41:old-9252:rev-9279:php=table --> </table> Admin https://wiki.alfinternational.eu/index.php?title=Aide:Images&diff=9252&oldid=prev Admin le 7 avril 2026 à 13:30 2026-04-07T13:30:36Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 7 avril 2026 à 13:30</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13">Ligne 13 :</td> <td colspan="2" class="diff-lineno">Ligne 13 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Explication des paramètres du code :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Explication des paramètres du code :</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> * </del>Fichier:Nom_de_votre_image.jpg : Doit correspondre exactement au nom sous lequel vous avez enregistré l'image à l'étape 1.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[</ins>Fichier:Nom_de_votre_image.jpg<ins style="font-weight: bold; text-decoration: none;">|thumb|center|200px|]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> </ins>: Doit correspondre exactement au nom sous lequel vous avez enregistré l'image à l'étape 1.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  * thumb : Crée une miniature (cadre avec bordure).</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  * thumb : Crée une miniature (cadre avec bordure).</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  * center : Place l&#039;image au milieu de la page (vous pouvez aussi mettre left ou right).</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  * center : Place l&#039;image au milieu de la page (vous pouvez aussi mettre left ou right).</div></td></tr> <!-- diff cache key c1wikifr:diff:1.41:old-9164:rev-9252:php=table --> </table> Admin https://wiki.alfinternational.eu/index.php?title=Aide:Images&diff=9164&oldid=prev Admin : Page créée avec « Pour rajouter une image sur une page du wiki ALF International (qui utilise le moteur MediaWiki), il ne suffit pas de coller le code ; il faut d'abord que le fichier soit "connu" du serveur. Voici la marche à suivre étape par étape : 1. Téléverser (uploader) l'image sur le serveur Avant d'utiliser le code Fichier:Nom_de_votre_image.jpg, l'image doit être présente dans la base de données du wiki. * Connectez-vous à votre compte sur le Wiki ALF Intern... » 2026-04-06T17:57:35Z <p>Page créée avec « Pour rajouter une image sur une page du wiki ALF International (qui utilise le moteur MediaWiki), il ne suffit pas de coller le code ; il faut d&#039;abord que le fichier soit &quot;connu&quot; du serveur. Voici la marche à suivre étape par étape : 1. Téléverser (uploader) l&#039;image sur le serveur Avant d&#039;utiliser le code <a href="/index.php?title=Fichier:Nom_de_votre_image.jpg&amp;action=edit&amp;redlink=1" class="new" title="Fichier:Nom de votre image.jpg (page inexistante)">Fichier:Nom_de_votre_image.jpg</a>, l&#039;image doit être présente dans la base de données du wiki. * Connectez-vous à votre compte sur le Wiki ALF Intern... »</p> <p><b>Nouvelle page</b></p><div>Pour rajouter une image sur une page du wiki ALF International (qui utilise le moteur MediaWiki), il ne suffit pas de coller le code ; il faut d&#039;abord que le fichier soit &quot;connu&quot; du serveur.<br /> Voici la marche à suivre étape par étape :<br /> 1. Téléverser (uploader) l&#039;image sur le serveur<br /> Avant d&#039;utiliser le code [[Fichier:Nom_de_votre_image.jpg]], l&#039;image doit être présente dans la base de données du wiki.<br /> * Connectez-vous à votre compte sur le Wiki ALF International.<br /> * Dans la colonne de gauche (menu &quot;Outils&quot;), cliquez sur &quot;Téléverser un fichier&quot; (ou &quot;Upload file&quot;).<br /> * Cliquez sur &quot;Parcourir&quot; pour sélectionner l&#039;image sur votre ordinateur.<br /> * Dans le champ &quot;Nom de destination&quot;, donnez-lui un nom clair et mémorable (ex: Blason_ALF.jpg). C&#039;est ce nom que vous devrez utiliser dans le code.<br /> * Cliquez sur le bouton &quot;Importer le fichier&quot; en bas de page.<br /> 2. Insérer l&#039;image dans votre page<br /> Une fois l&#039;image envoyée, allez sur la page où vous souhaitez l&#039;afficher, cliquez sur l&#039;onglet &quot;Modifier&quot; en haut, puis collez votre code :<br /> [[Fichier:Nom_de_votre_image.jpg|thumb|center|200px|Description de l&#039;image]]<br /> <br /> Explication des paramètres du code :<br /> * Fichier:Nom_de_votre_image.jpg : Doit correspondre exactement au nom sous lequel vous avez enregistré l&#039;image à l&#039;étape 1.<br /> * thumb : Crée une miniature (cadre avec bordure).<br /> * center : Place l&#039;image au milieu de la page (vous pouvez aussi mettre left ou right).<br /> * 200px : Définit la largeur de l&#039;image (vous pouvez changer le chiffre selon vos besoins).<br /> * Description : Le texte qui apparaîtra sous l&#039;image.<br /> Note importante : Si vous utilisez le code [[Fichier:Blason.jpg|...]] alors qu&#039;aucune image nommée &quot;Blason.jpg&quot; n&#039;a été téléversée, le lien apparaîtra en rouge. Il suffira alors de cliquer sur ce lien rouge pour accéder directement à la page de téléversement de ce fichier.</div> Admin