Formulaire:Tutorial

@@ Ligne 11 : / Ligne 11 : @@
 <h1>{{int:wf-formtutorial-main-title}}</h1>
 {{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
-<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p>
-</div>
-</div>
-</div>
-<div class="container">
-<div class="row">
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Get_started|<span class="contribute-block">
-<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span>
-<span>{{int:wf-contribute-getstart-subtitle1}}</span>
-</span>]]
-</div>
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Taking_pictures|<span class="contribute-block">
-<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span>
-<span>{{int:wf-contribute-takingpictures-subtitle1}}</span>
-</span>]]
-</div>
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Help|<span class="contribute-block">
-<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span>
-<span>{{int:wf-contribute-help-subtitle1}}</span>
-</span>]]
 </div>
 </div>
@@ Ligne 100 : / Ligne 74 : @@
 <div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 {{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
-<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div>
+<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div>
 <div class="dokit-video-url" id="dokit-video-youtube">
 {{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}
@@ Ligne 116 : / Ligne 90 : @@
 </div>
 {{{for template|Materials}}}
-<div class="Input-tabs hide-mobile-view">
+<div class="Input-tabs">
 {{#tag:tabber|
-  {{int:wf-formtutorial-tools-materials-tabs-title}} =<div class="material-tool-list row">
+  {{int:wf-formtutorial-tools-materials-tabs-title}} =
+<div class="material-tool-list row">
 <div class="col-md-6 col-sm-6 col-xs-12">
-<div class="col-pic-materials msuploadContainer">
+<div class="col-pic-materials msuploadContainer msuploadmultiplewhitebg">
 {{{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>
+{{{field|Step_Picture_01|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>
-<div class="collapse" id="collapseExample">
-<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}}}
+{{{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}}}
+{{{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}}}
+{{{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}}}
+{{{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>
@@ Ligne 155 : / Ligne 120 : @@
   {{int:wf-prerequisites-tabs-title}} =<h4>{{int:wf-prerequisites-tabs-subtitle}}</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div>
 {{!}}-{{!}}
-  {{int:wf-formtutorial-file-tabs-title}} =<div class="row">
+  {{int:wf-formtutorial-file-tabs-title}} =
+<div class="row">
 <div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 <div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div>
@@ Ligne 169 : / Ligne 135 : @@
 {{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormText}}}{{{end template}}}
 {{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}
-<h2 class="multipleTemplate-tutostep-title">{{int:wf-formtutorial-steps}}</h2>
+<div class="bg-halfsquare-separator-2"></div>
+{{{for template|Separator}}}<br>{{{end template}}}
+<h2>{{int:wf-formtutorial-steps}}</h2>
 <div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}
-<div class="WfFormTutoStep">
+<div class="WfFormTutoStep row">
-<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions">
+<div class="col-sm-6 col-12 order-sm-2 WfFormTutoStepInstructions">
 <div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div>
 <div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div>
 </div>
-<div class="col-sm-6 col-xs-12 col-sm-pull-6">
+<div class="col-sm-6 col-12 order-sm-1">
 <div class="col-pic-step msuploadContainer">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
@@ Ligne 194 : / Ligne 162 : @@
 </div>
 {{{end template}}}</div>
+<div class="bg-halfsquare-separator-3"></div>
 <div class="notes-ref">
 <h2>{{int:wf-formtutorial-note-title}}</h2>
@@ Ligne 199 : / Ligne 168 : @@
 {{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}
 {{{end template}}}
+{{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
 </div>
-<hr class="WfEndForm hide-mobile-view">
 <div class="saving-menu">{{{standard input|saveDraft}}}
 <span class="display-none">{{{standard input|watch}}}</span>{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>{{{standard input|cancel}}}<div class="status-checkbox-container"><span class="status-checkbox-label">{{int:wf-completetooltip-label}}</span><span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span></div>
@@ Ligne 226 : / Ligne 195 : @@
 </div>
 </div>
-</div>
-</div>
-</div>
-</div>
-<div class="modal fade wfform-2" id="ModalNom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-<div class="modal-dialog">
-<div class="modal-content">
-<div class="modal-header">
-<h4 class="modal-title" id="myModalLabel">{{int:wf-formtutorial-popuptutoname-title}}</h4>
-</div>
-<div class="modal-body">
-{{int:wf-formtutorial-popuptutoname-subtitle}}
-<h4>1. {{int:wf-formtutorial-popuptutoname-option1}}</h4>
-.1 {{int:wf-formtutorial-popuptutoname-option1a}}
-* {{int:wf-formtutorial-popuptutoname-option1b}}
-* {{int:wf-formtutorial-popuptutoname-option1c}}
-.2 {{int:wf-formtutorial-popuptutoname-option1d}}
-* {{int:wf-formtutorial-popuptutoname-option1b}}
-* {{int:wf-formtutorial-popuptutoname-option1e}}
-.3 {{int:wf-formtutorial-popuptutoname-option1f}}
-* {{int:wf-formtutorial-popuptutoname-option1g}}
-* {{int:wf-formtutorial-popuptutoname-option1h}}
-<h4>2. {{int:wf-formtutorial-popuptutoname-option2}}</h4>
-.1 {{int:wf-formtutorial-popuptutoname-option2a}}
-.2 {{int:wf-formtutorial-popuptutoname-option2b}}
-* {{int:wf-formtutorial-popuptutoname-option2c}}
-* {{int:wf-formtutorial-popuptutoname-option2d}}
-{{Info|Text={{int:wf-formtutorial-popuptutoname-last}}|}}
 </div>
 </div>
 </div>
 </div>

Dernière version du 18 août 2026 à 10:07

Oups ! Vous n'avez pas la permission de créer une page car vous n'êtes pas connecté. Créez un compte ou connectez vous

Description of allowed licenses

Fichier:CC-BY.pngAttribution Recommended

This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

View License Deed | View Legal Code

Fichier:CC-BY-SA.pngAttribution-ShareAlike

This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms. This license is often compared to “copyleft” free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content from Wikipedia and similarly licensed projects.

View License Deed | View Legal Code

Why those two licenses? What is my interest in publishing my tutorials under these licenses? Read our vision and share your thoughts on this page.