Formulaire:Tutoriel : Différence entre versions

 
(64 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
<div class="container">
 
<div class="container">
 
<div class="new-tutorial-page">
 
<div class="new-tutorial-page">
 +
{{#ifanon:<div class="alert alert-warning" role="alert"><strong>Oups !</strong> Vous n'avez pas la permission de créer un tutoriel car vous n'êtes pas connecté. [[Special:UserLogin/signup|Créez un compte]] ou [[Special:UserLogin|connectez-vous]].</div>
 +
</div>
 +
</div>
 +
</div>|
 
<h1>Créer un tutoriel</h1>
 
<h1>Créer un tutoriel</h1>
 
{{#forminput:form=Tutoriel|button text=Créer ou modifier|placeholder=Entrez ici le nom du tutoriel que vous souhaitez créer}}
 
{{#forminput:form=Tutoriel|button text=Créer ou modifier|placeholder=Entrez ici le nom du tutoriel que vous souhaitez créer}}
Ligne 12 : Ligne 16 :
 
<div class="row">
 
<div class="row">
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
[[Wikifab:Indispensable|<span class="contribute-block">
+
[[Wikifab:Premiers_pas|<span class="contribute-block">
 
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span>
 
<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span>
 
<span class="contribute-block-title">Premiers pas</span>
 
<span class="contribute-block-title">Premiers pas</span>
Ligne 19 : Ligne 23 :
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
[[Page en construction|<span class="contribute-block">
+
[[Réussir_vos_photos_de_tutoriels|<span class="contribute-block">
 
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
 
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
 
<span class="contribute-block-title">Prendre des photos</span>
 
<span class="contribute-block-title">Prendre des photos</span>
Ligne 34 : Ligne 38 :
 
</div>
 
</div>
 
</div>
 
</div>
 +
}}
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
Ligne 41 : Ligne 46 :
 
<div class="row table-edit-form">
 
<div class="row table-edit-form">
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Type</div>
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">Type</div>
<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}} {{#info:<p>'''Création''' : votre tutoriel concerne un objet à créer (ex : Fabriquer un drône radiocommandé)</p><p>'''Réparation''' : votre tutoriel concerne un objet à réparer (ex : Réparer une machine à laver)</p><p>'''Technique''' : votre tutoriel présente une technique à apparendre (ex : Carreler une terrasse)</p>}}
+
<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}} {{#info:<p>'''Création''' : votre tutoriel concerne un objet à créer (ex : Fabriquer un drone)</p><p>'''Technique''' : votre tutoriel concerne une technique à apprendre (ex : Utiliser une machine à coudre)</p>}}
 
</div>
 
</div>
 
</div>
 
</div>
Ligne 47 : Ligne 52 :
 
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Catégorie(s)</div>
 
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Catégorie(s)</div>
 
<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Area|mandatory|class=form-checkbox}}}</div>
 
<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Area|mandatory|class=form-checkbox}}}</div>
 +
</div>
 +
<div class="row table-edit-form">
 +
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Mot(s)-clé(s)</div>
 +
<div class="col-md-10 col-sm-10 col-xs-12 custom-tooltip">{{{field|Tags|class=form-tokens|input type=tokens|size=}}} {{#info:Entrez 4 à 5 mots clés pour décrire votre tutoriel (séparez chaque mot clé par une virgule).}}</div>
 
</div>
 
</div>
 
<div class="row table-edit-form">
 
<div class="row table-edit-form">
Ligne 57 : Ligne 66 :
 
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Difficulty|input type=dropdown|mandatory|class=form-dropdown}}} {{#info:<p>'''Très facile''' : Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser votre tutoriel</p><p>'''Facile''' : Accessible à tous. Un adulte peut, sans difficulté, réaliser le tutoriel</p><p>'''Moyen''' : Seul un adulte averti peut réaliser le tutoriel. Ne nécessite pas de compétance particulière</p><p>'''Difficile''' : Nécessite la maitrise de compétances techniques. Un amateur pourra toutefois réaliser le tutoriel</p><p>'''Très difficile''' : Généralement réservé aux professionnels du secteur. Nécessite la maitrise de compétances techniques complexes</p>}}</div>
 
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Difficulty|input type=dropdown|mandatory|class=form-dropdown}}} {{#info:<p>'''Très facile''' : Accessible à tous. Un enfant de 8 ans peut, sans difficulté, réaliser votre tutoriel</p><p>'''Facile''' : Accessible à tous. Un adulte peut, sans difficulté, réaliser le tutoriel</p><p>'''Moyen''' : Seul un adulte averti peut réaliser le tutoriel. Ne nécessite pas de compétance particulière</p><p>'''Difficile''' : Nécessite la maitrise de compétances techniques. Un amateur pourra toutefois réaliser le tutoriel</p><p>'''Très difficile''' : Généralement réservé aux professionnels du secteur. Nécessite la maitrise de compétances techniques complexes</p>}}</div>
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Coût</div>
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">Coût</div>
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Cost|mandatory|class=form-duration}}} <span class="currency-in-form">€</span> {{#info:Coût approximatif pour acheter le materiel (hors outils), en supposant qu'il faille tout acheter.}}</div>
+
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Cost|mandatory|class=form-duration}}} {{{field|Currency|mandatory|input type=dropdown|class=form-dropdown-2}}} {{#info:Coût approximatif pour acheter le materiel (hors outils), en supposant qu'il faille tout acheter.}}</div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="row">
Ligne 67 : Ligne 76 :
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
 
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
{{{field|Main_Picture|default=No-image-yet.jpg|uploadable|size=25|class=form-picture|image preview}}}
+
<div class="msuploadContainer">
 +
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
 +
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
 
{{{end template}}}
 
{{{end template}}}
</div>
 
</div>
 
<div class="row add-attachments">
 
<div class="col-md-8 col-sm-8 col-xs-12"><div class="row table-edit-form"><div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">Pièces jointes</div>
 
<div class="col-md-10 col-sm-10 col-xs-12">{{{for template|Tuto Attachments|multiple|minimum instances=0|maximum instances=20|add button text=+ Ajouter un fichier}}}
 
{{{field|attachment|default=|uploadable|size=25}}}{{{end template}}}
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 col-xs-0">
 
 
</div>
 
</div>
 
</div>
 
</div>
Ligne 83 : Ligne 85 :
 
<div class="hrContentMinor-2"></div>
 
<div class="hrContentMinor-2"></div>
 
{{{for template|Introduction}}}
 
{{{for template|Introduction}}}
<div class="edit-step-title">Introduction</div>
+
<div class="edit-step-title">Introduction <span>(facultative)</span></div>
 
{{{field|Introduction|input type=textarea|rows=5|maxlength=10000|class=form-textarea|placeholder=Vous pouvez utiliser ce champ libre pour décrire votre projet dans le détail (vos essais, le contexte, etc.)}}}
 
{{{field|Introduction|input type=textarea|rows=5|maxlength=10000|class=form-textarea|placeholder=Vous pouvez utiliser ce champ libre pour décrire votre projet dans le détail (vos essais, le contexte, etc.)}}}
 
{{{end template}}}
 
{{{end template}}}
<div class="bg-halfsquare-separator-2"></div>
+
{{{for template|Materials}}}
{{{for template|Separator}}}<br>{{{end template}}}
+
<div class="Input-tabs">
<div class="edit-step-title">Liste des matériaux et des outils</div>
+
<tabber>
 +
Outils & Matériaux=
 
<div class="material-tool-list row">
 
<div class="material-tool-list row">
<div class="col-md-11 col-sm-11 col-xs-12">
+
<div class="col-md-6 col-sm-6 col-xs-12"><div class="edit-step-title">Liste des matériaux</div>
<div class="row">
+
{{{field|Material|input type=textarea|rows=8|class=form-textarea|placeholder=Listez les matériaux nécessaires à la réalisation de votre tutoriel.
<div class="col-md-6 col-sm-6 col-xs-12">{{{for template|Materials_first}}}{{{end template}}}{{{for template|Materials|multiple|minimum instances=1|maximum instances=100|add button text=+ Ajouter un matériau ou un outil}}}
+
Privilégiez les puces (bullet points). Pour activer une puce, entrez le symbole étoile (*) au début de chaque ligne.
{{{field|Material_Qty|input type=text|class=material-qty|size=5|placeholder=Qté}}} x {{{field|Material_Title|class=material-title|input type=text|size=20|placeholder=Nom et caractéristiques}}}{{{end template}}}</div>
+
L'utilisation de noms commerciaux (marques) n'est autorisé que si la réalisation de votre tutoriel n'est possible qu'avec le produit de la marque en question.}}}
<div class="col-md-6 col-sm-6 col-xs-12">{{{for template|Materials_img}}}
+
<div class="hrContentMinor-2"></div>
{{{field|Step_Picture_00|size=32|class=form-picture|default=No-image-yet.jpg|uploadable|image preview}}}
+
<div class="edit-step-title">Liste des outils</div>
 +
{{{field|Tools|input type=textarea|rows=8|class=form-textarea|placeholder=Listez les outils nécessaires à la réalisation de votre tutoriel.
 +
Privilégiez les puces (bullet points). Pour activer une puce, entrez le symbole étoile (*) au début de chaque ligne.
 +
Utilisez le nom générique de l'outil et ne citez pas de noms commerciaux (marques).}}}
 +
</div>
 +
<div class="col-md-6 col-sm-6 col-xs-12">
 +
<div class="col-pic-step msuploadContainer">
 +
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
 
<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
 
<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
 
<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
 
<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
 
<div class="collapse" id="collapseExample">
 
<div class="collapse" id="collapseExample">
 
<div class="well add-more-pics">
 
<div class="well add-more-pics">
<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
  
<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
  
<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
  
<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
  
<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}{{{end template}}}
+
<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
|-|
 +
Fichiers=
 +
<div class="alert alert-info" role="alert">Hébergez vos fichiers sur la plateforme de gestion de fichiers de votre choix (telles que Github ou Bitbucket) ou uploadez vos fichiers sur Wikifab.</div>
 +
<div class="row">
 +
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 +
<div class="file-subtitle">Ajoutez un lien vers le site sur lequel votre fichier est hébergé</div>
 +
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div></div>
 +
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 +
<div class="file-subtitle">Uploadez vos fichiers sur Wikifab</div>
 +
<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div>
 
</div>
 
</div>
<div class="col-md-1 col-sm-1 col-xs-0"></div>
+
</tabber>
 
</div>
 
</div>
 +
{{{end template}}}
 +
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text=+ Ajouter un lien|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text}}}{{{end template}}}
 +
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text=+ Ajouter un fichier|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|default=|uploadable}}}{{{end template}}}
 
<div class="bg-halfsquare-separator-2"></div>
 
<div class="bg-halfsquare-separator-2"></div>
 
{{{for template|Separator}}}<br>{{{end template}}}
 
{{{for template|Separator}}}<br>{{{end template}}}
{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=100|add button text=+ Ajouter une étape}}}
+
{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text=+ Ajouter une étape}}}
 
<div class="row">
 
<div class="row">
 
<div class="col-md-6 col-sm-6 col-xs-12">
 
<div class="col-md-6 col-sm-6 col-xs-12">
 
<div class="row">
 
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-12 edit-step-title">Titre :</div>
+
<div class="col-md-12 col-sm-12 col-xs-12">{{{field|Step_Title|input type=text|class=form-text form-step-title|placeholder=Titre de l'étape|size=50}}}</div>
<div class="col-md-10 col-sm-9 col-xs-12">{{{field|Step_Title|input type=text|class=form-text|placeholder=Titre de l'étape|size=50}}}</div>
 
 
</div>
 
</div>
 
<div class="row">
 
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12"><p class="step-instruction-title">Instructions à suivre pour réaliser l'étape :</p></div>
 
 
<div class="col-md-12 col-sm-12 col-xs-12">{{{field|Step_Content|input type=textarea|rows=16|class=form-textarea|placeholder=Ecrivez ici les instructions à suivre pour réaliser l'étape.  
 
<div class="col-md-12 col-sm-12 col-xs-12">{{{field|Step_Content|input type=textarea|rows=16|class=form-textarea|placeholder=Ecrivez ici les instructions à suivre pour réaliser l'étape.  
 
Privilégiez les textes courts et les listes par puces (bullet points). Pour activer un bullet points, entrez le symbole étoile (*) au début de chaque ligne.
 
Privilégiez les textes courts et les listes par puces (bullet points). Pour activer un bullet points, entrez le symbole étoile (*) au début de chaque ligne.
 
L'utilisation de nom commerciaux (marques, etc.) est interdite.}}}</div>
 
L'utilisation de nom commerciaux (marques, etc.) est interdite.}}}</div>
<div class="col-md-12 col-sm-12 col-xs-12">
 
<p class="help-text"><span class="glyphicon glyphicon-question-sign"></span> Apprendre à <span class="style-instructions-text" data-toggle="modal" data-target="#myModal">mettre en forme</span> le texte et <span class="style-instructions-text" data-toggle="modal" data-target="#ModalLink">insérer des liens</span>.</p>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-6 col-sm-6 col-xs-12">
 
<div class="col-md-6 col-sm-6 col-xs-12">
{{{field|Step_Picture_00|size=32|class=form-picture|default=No-image-yet.jpg|uploadable|image preview}}}
+
<div class="col-pic-step msuploadContainer">
 +
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
 
<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
 
<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
 
<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
 
<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
 
<div class="collapse" id="collapseExample">
 
<div class="collapse" id="collapseExample">
 
<div class="well add-more-pics">
 
<div class="well add-more-pics">
<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
  
<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
  
<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
  
<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
  
<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=No-image-yet.jpg|uploadable}}}
+
<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
 +
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 
</div>
 
</div>
 
</div>
 
</div>
<div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<div class="hrContentMinor"></div>
+
<div class="hrContentMinor"></div>{{{end template}}}
{{{end template}}}
 
 
<div class="bg-halfsquare-separator-3"></div>
 
<div class="bg-halfsquare-separator-3"></div>
 
<div class="notes-ref">
 
<div class="notes-ref">
 
<h2>Notes et références</h2>
 
<h2>Notes et références</h2>
 
{{{for template|Notes}}}
 
{{{for template|Notes}}}
{{{field|Notes|input type=textarea|rows=5|maxlength=5000|placeholder=Entrez ici les notes et références du tutoriel.}}}<p class="help-text"><span class="glyphicon glyphicon-question-sign"></span> Apprendre à <span class="style-instructions-text" data-toggle="modal" data-target="#ModalRef">insérer des références</span>.</p>
+
{{{field|Notes|input type=textarea|rows=5|maxlength=5000|class=form-textarea|placeholder=Entrez ici les notes et références du tutoriel.}}}
 
{{{end template}}}
 
{{{end template}}}
 +
[[Catégorie:Tutoriels]]
 
</div>
 
</div>
<div class="saving-menu">
+
<div class="saving-menu">{{{standard input|save}}} {{{standard input|save and continue}}} {{{standard input|cancel}}}  {{{standard input|watch}}} <span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete}}}{{{end template}}}</span></div>
<div class="container">
 
{{{standard input|save}}} {{{standard input|save and continue}}} {{{standard input|cancel}}}  {{{standard input|watch}}}
 
</div>
 
</div>
 
 
</includeonly>
 
</includeonly>
  
Ligne 218 : Ligne 245 :
 
         <tr>
 
         <tr>
 
           <td>Interdire une action</td>
 
           <td>Interdire une action</td>
           <td>[[Fichier:Icon-popup-04.jpg]]</td>
+
           <td>[[Fichier:Icon-popup-04.jpg|link=]]</td>
 
           <td><pre>{{Dont|Text=Voici un exemple}}</pre></td>
 
           <td><pre>{{Dont|Text=Voici un exemple}}</pre></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
 
           <td>Prévenir d'un danger<br>Solliciter l'attention</td>
 
           <td>Prévenir d'un danger<br>Solliciter l'attention</td>
           <td>[[Fichier:Icon-popup-01.jpg]]</td>
+
           <td>[[Fichier:Icon-popup-01.jpg|link=]]</td>
 
           <td><pre>{{Caution|Text=Voici un exemple}}</pre></td>
 
           <td><pre>{{Caution|Text=Voici un exemple}}</pre></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
 
           <td>Inviter à la mémorisation</td>
 
           <td>Inviter à la mémorisation</td>
           <td>[[Fichier:Icon-popup-05.jpg]]</td>
+
           <td>[[Fichier:Icon-popup-05.jpg|link=]]</td>
 
           <td><pre>{{Pin|Text=Voici un exemple}}</pre></td>
 
           <td><pre>{{Pin|Text=Voici un exemple}}</pre></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
 
           <td>Donner une information complémentaire</td>
 
           <td>Donner une information complémentaire</td>
           <td>[[Fichier:Icon-popup-03.jpg]]</td>
+
           <td>[[Fichier:Icon-popup-03.jpg|link=]]</td>
 
           <td><pre>{{Info|Text=Voici un exemple}}</pre></td>
 
           <td><pre>{{Info|Text=Voici un exemple}}</pre></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
 
           <td>Donner des idées</td>
 
           <td>Donner des idées</td>
           <td>[[Fichier:Icon-popup-02.jpg]]</td>
+
           <td>[[Fichier:Icon-popup-02.jpg|link=]]</td>
 
           <td><pre>{{Idea|Text=Voici un exemple}}</pre></td>
 
           <td><pre>{{Idea|Text=Voici un exemple}}</pre></td>
 
         </tr>
 
         </tr>
Ligne 295 : Ligne 322 :
 
<tr>
 
<tr>
 
<td>Lien externe</td>
 
<td>Lien externe</td>
<td><pre>http://google.com</pre></td>
+
<td><pre>http://wikipedia.org</pre></td>
<td>http://google.com</td>
+
<td>http://wikipedia.org</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
<td>Lien externe avec un intitulé différent</td>
 
<td>Lien externe avec un intitulé différent</td>
<td><pre>[http://google.com Lien vers Google]</pre></td>
+
<td><pre>[http://wikipedia.org Lien vers Wikipedia]</pre></td>
<td>[http://google.com Lien vers Google]</td>
+
<td>[http://wikipedia.org Lien vers Wikipedia]</td>
 
</tr>
 
</tr>
 
</table>
 
</table>

Version actuelle datée du 12 juin 2017 à 10:27