Formulaire:Tutoriel : Différence entre versions
 
(12 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 52 : 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 71 : 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 87 : Ligne 94 :
 
<div class="material-tool-list row">
 
<div class="material-tool-list row">
 
<div class="col-md-6 col-sm-6 col-xs-12"><div class="edit-step-title">Liste des matériaux</div>
 
<div class="col-md-6 col-sm-6 col-xs-12"><div class="edit-step-title">Liste des matériaux</div>
−
{{{field|Material|input type=textarea|rows=8|placeholder=Listez les matériaux nécessaires à la réalisation de votre tutoriel.  
+
{{{field|Material|input type=textarea|rows=8|class=form-textarea|placeholder=Listez les matériaux 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.
 
Privilégiez les puces (bullet points). Pour activer une puce, entrez le symbole étoile (*) au début de chaque ligne.
 
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.}}}
 
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="hrContentMinor-2"></div>
 
<div class="hrContentMinor-2"></div>
 
<div class="edit-step-title">Liste des outils</div>
 
<div class="edit-step-title">Liste des outils</div>
−
{{{field|Tools|input type=textarea|rows=8|placeholder=Listez les outils nécessaires à la réalisation de votre tutoriel.  
+
{{{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.
 
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).}}}
 
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_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 103 : Ligne 112 :
 
<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>
Ligne 118 : Ligne 133 :
 
  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 134 : Ligne 152 :
 
<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-3 col-sm-4 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-9 col-sm-8 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 col-pic-step msuploadContainer">
+
<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_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 154 : 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>
−
<div class="container">
 
−
{{{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>
 
 
</includeonly>
 
</includeonly>
  

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


Récupérée de « https://wikifab.org/w/index.php?title=Formulaire:Tutoriel&oldid=15306 »
© 2017 - 2024 Dokit, SAS.