Formulaire:Tutoriel : Différence entre versions

 
(2 révisions intermédiaires par le même utilisateur 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éer un compte]] ou [[Special:UserLogin|connectez-vous]].</div>
+
{{#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>
 
</div>
Ligne 75 : Ligne 75 :
 
</div>
 
</div>
 
</div>
 
</div>
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail msuploadContainer">
+
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
 +
<div class="msuploadContainer">
 
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
 
{{{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>
 
</div>
 
</div>
Ligne 100 : Ligne 103 :
 
Utilisez le nom générique de l'outil et ne citez pas de noms commerciaux (marques).}}}
 
Utilisez le nom générique de l'outil et ne citez pas de noms commerciaux (marques).}}}
 
</div>
 
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col-pic-step msuploadContainer">
+
<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|size=32|class=form-picture|default=|uploadable|image preview}}}
{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
+
{{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
+
<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
+
<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
+
<div class="collapse" id="collapseExample">
{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
+
<div class="well add-more-pics">
 +
<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=|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=|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=|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=|uploadable|image preview}}}
 +
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
|-|
 
|-|
 
  Fichiers=
 
  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="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="file-subtitle">Ajoutez les liens vers les plateformes sur lesquelles vos fichiers sont hébergés <span class="label label-info">Recommandé</span> :</div>
+
<div class="row">
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div>
+
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
<hr>
+
<div class="file-subtitle">Ajoutez un lien vers le site sur lequel votre fichier est hébergé</div>
<div class="file-subtitle">Uploadez vos fichiers :</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 class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div>
 +
</div>
 
</tabber>
 
</tabber>
 
</div>
 
</div>
Ligne 136 : Ligne 161 :
 
</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 col-pic-step msuploadContainer|default=|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>
Ligne 142 : Ligne 169 :
 
<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=|uploadable|image preview}}}
 
<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=|uploadable|image preview}}}
 
<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=|uploadable|image preview}}}
 
<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=|uploadable|image preview}}}
 
<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=|uploadable|image preview}}}
 
<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]]
 
[[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>
{{{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>
 
 
</includeonly>
 
</includeonly>
  
Ligne 371 : Ligne 399 :
 
* Préférez : Poncer une planche de chaîne
 
* Préférez : Poncer une planche de chaîne
 
* Plutôt que : Apprendre à poncer une planche de chaîne  
 
* Plutôt que : Apprendre à poncer une planche de chaîne  
 +
 +
 +
<h4>3. Si votre tutoriel concerne une réparation :</h4>
 +
 +
3.1 Démarrez toujours par le verbe qui décrit l'opération de la réparation (évitez le verbe "Réparer" car il est trop généraliste) et mettez le l'infinitif.
 +
 +
* Préférez : Remplacer le tambourt de la machine à lavée
 +
* Plutôt que : Réparer le tambourt de la machine à lavée
 +
 +
 +
3.2 Indiquez toujours le modèle du produit que vous réparez.
 +
 +
* Préférez : Remplacer le tambourt du lave linge Bosh WAB24211FF
 +
* Plutôt que : Remplacer le tambourt d'une machine à laver
 +
  
 
{{Info|Text=Si un tutoriel avec le nom que vous avez entré existe déjà, vous serez redirigé vers un formulaire pour l’éditer.}}
 
{{Info|Text=Si un tutoriel avec le nom que vous avez entré existe déjà, vous serez redirigé vers un formulaire pour l’éditer.}}

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