Formulaire:Tutorial

@@ Ligne 92 : / Ligne 92 : @@
 {{{end template}}}
 <div class="hrContentMinor-2"></div>
+<div class="IntroductionFormTemplate hide-mobile-view">
 {{{for template|Introduction}}}
 <div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div>
 {{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}
 {{{end template}}}
-<div class="multipleTemplateHideButton">
+</div>
+<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 {{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
-{{#formLinkVideo:{{{field|TutoVideoService|dropdown|mandatory|class=embedVideoDropdown}}} | {{{field|TutoVideoURL|mandatory|class=embedVideoUrlInput WfFormText}}}}}
+<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-url" id="dokit-video-youtube">
+{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-vimeo">
+{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-dailymotion">
+{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-mp4">
+{{{field|mp4video|uploadable|size=25|class=form-picture}}}
+</div>
 {{{end template}}}
 </div>
 {{{for template|Materials}}}
-<div class="Input-tabs">
+<div class="Input-tabs hide-mobile-view">
 {{#tag:tabber|
-  {{int:wf-formtutorial-tools-materials-tabs-title}} =
+  {{int:wf-formtutorial-tools-materials-tabs-title}} =<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="col-pic-materials msuploadContainer">
@@ Ligne 137 : / Ligne 150 : @@
 <div class="edit-step-title">{{int:wf-formtutorial-tools-tabs-title}}</div>
 {{{field|Tools|input type=textarea|class=form-textarea|translatable|rows=8}}}
+</div>
 </div>
 {{!}}-{{!}}
   {{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}} =
+  {{int:wf-formtutorial-file-tabs-title}} =<div class="row">
-<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 156 : / Ligne 169 : @@
 {{{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}}}
-<div class="bg-halfsquare-separator-2"></div>
+<h2 class="multipleTemplate-tutostep-title">{{int:wf-formtutorial-steps}}</h2>
-{{{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="row">
+<div class="WfFormTutoStep">
-<div class="col-md-6 col-sm-6 col-xs-12">
+<div class="col-sm-6 col-xs-12 col-sm-push-6 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-pic-step msuploadContainer">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
@@ Ligne 176 : / Ligne 191 : @@
 {{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 </div>
-</div>
-<div class="col-md-6 col-sm-6 col-xs-12">
-<div>{{{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>
-<div class="hrContentMinor"></div>{{{end template}}}</div>
+{{{end template}}}</div>
-<div class="bg-halfsquare-separator-3"></div>
 <div class="notes-ref">
 <h2>{{int:wf-formtutorial-note-title}}</h2>
@@ Ligne 190 : / Ligne 200 : @@
 {{{end template}}}
 </div>
-<hr class="WfEndForm">
+<hr class="WfEndForm hide-mobile-view">
-<div class="saving-menu">
+<div class="saving-menu">{{{standard input|saveDraft}}}
-<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{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><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>
+<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>
 </div>
 </includeonly>

Version du 28 mars 2019 à 11:23

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.

Comment choisir le nom de votre tutoriel

Dans un souci d'homogénéité et d'optimisation de la recherche, nous vous demandons de prendre le temps de réfléchir au nom de votre tutoriel. Voici nos recommandations :

1. Si votre tutoriel concerne la fabrication d'un objet :

1.1 Entrez directement le nom de l'objet. Ne précédez pas le nom de l'objet par un article défini (le, la, les) et indéfini (un, une, des).

A faire : Tabouret en bois
A ne PAS faire : Un tabouret en bois

1.2 Ne commencez pas le nom de votre tutoriel par les verbes "Fabriquer" ou "Créer". Le verbe n'apporte pas d'information au lecteur puisqu'il recherche une création et il sait déjà qu'il s'apprête à fabriquer ou créer quelque chose.

A faire : Tabouret en bois
A ne PAS faire : Fabriquer un tabouret en bois

1.3 Spécifiez les matériaux utilisés afin de qualifier le tutoriel le mieux possible.

Préférez : Tabouret d’appoint en bois de chêne et en béton ciré
Plutot que : Tabouret en bois

2. Si votre tutoriel concerne une technique :

2.1 Démarrez toujours par le verbe qui décrit la technique à l'infinitif.

2.2 Ne commencez pas le nom de votre tutoriel par le verbe "Apprendre" car cela n'apporte pas d'information au lecteur qui sait déjà qu'il s'apprête à apprendre une technique.

Préférez : Poncer du bois
Plutôt que : Apprendre à poncer du bois