Formulaire:Tutorial

@@ Ligne 45 : / Ligne 45 : @@
 {{{for template|Tuto Details}}}
 <div class="row">
-<div class="col-md-8 col-sm-8 col-xs-12">
+<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
-<div class="row table-edit-form">
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div>
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">{{int:wf-formtutorial-type-field-title}}</div>
+<div class="msuploadContainer msuploadContainerTall">
-<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}}
+{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
-{{#info:<p>'''{{int:wf-formtutorial-type-creation}}''' : {{int:wf-formtutorial-type-popup-creation}}</p>
+{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
-<p>'''{{int:wf-formtutorial-type-technique}}''' : {{int:wf-formtutorial-type-popup-technique}}</p>}}
 </div>
+<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true">
+<div class="Licences">
+<div class="Licences-heading" role="tab" id="headingOne">
+<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p>
 </div>
-<div class="row table-edit-form">
+<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-area-field-title}}</div>
+<div class="Licences-body">
-<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Area|mandatory|class=form-checkbox|mapping using translate=wf-propertyvalue-area-}}}</div>
+{{{field|Licences|input type=dropdown|class=WfFormDropdown|default=Attribution (CC BY)}}}
 </div>
-<div class="row table-edit-form">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-tags-field-title}}</div>
-<div class="col-md-10 col-sm-10 col-xs-12 custom-tooltip">{{{field|Tags|class=form-tokens|input type=tokens|size=}}} {{#info:{{int:wf-formtutorial-tags-popup}}|}}</div>
 </div>
-<div class="row table-edit-form">
-<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-description-field-title}}</div>
-<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Description|input type=textarea|mandatory|translatable|rows=3|maxlength=4000|class=form-textarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}
 </div>
 </div>
-<div class="row licence-section">
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-difficulty-field-title}}</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|mapping using translate=wf-propertyvalue-difficulty-}}} {{#info:<p>'''{{int:wf-formtutorial-difficulty-popup-title1}}''' {{int:wf-formtutorial-difficulty-popup-text1}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title2}}''' {{int:wf-formtutorial-difficulty-popup-text2}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title3}}''' {{int:wf-formtutorial-difficulty-popup-text3}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title4}}''' {{int:wf-formtutorial-difficulty-popup-text4}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title5}}''' {{int:wf-formtutorial-difficulty-popup-text5}}</p>}}</div>
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-cost-field-title}}</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:{{int:wf-formtutorial-cost-popup}}|}}</div>
 </div>
+<div class="col-md-8 col-sm-8 col-xs-12">
 <div class="row">
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-duration-field-title}}</div>
+<div class="col-md-12">
-<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form custom-tooltip licence-section">{{{field|Duration|mandatory|class=form-duration}}} {{{field|Duration-type|mandatory|input type=dropdown|class=form-dropdown-2|mapping using translate=wf-propertyvalue-durationtype-}}} {{#info:{{int:wf-formtutorial-duration-popup}}|}}</div>
+<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div>
-<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-license-field-title}}</div>
+<p class="WfFormLabel">{{int:wf-formtutorial-area-field-title}}</p>
-<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form">{{{field|Licences|input type=dropdown|class=form-dropdown-3}}}<span class="style-instructions-text" data-toggle="modal" data-target="#ModalCreativeCommons"><span class="glyphicon glyphicon-question-sign tuto-question-icon"></span></span></div>
+{{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}}
 </div>
 </div>
-<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
+<div class="row">
-<div class="msuploadContainer">
+<div class="col-md-6 col-xs-12">
-{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-type-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''{{int:wf-formtutorial-type-creation}}''' : {{int:wf-formtutorial-type-popup-creation}}</p> <p>'''{{int:wf-formtutorial-type-technique}}''' : {{int:wf-formtutorial-type-popup-technique}}</p>}}</span></div>
-{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
+{{{field|Type|mandatory|class=WfFormDropdown}}}
-{{{end template}}}
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''{{int:wf-formtutorial-difficulty-popup-title1}}''' {{int:wf-formtutorial-difficulty-popup-text1}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title2}}''' {{int:wf-formtutorial-difficulty-popup-text2}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title3}}''' {{int:wf-formtutorial-difficulty-popup-text3}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title4}}''' {{int:wf-formtutorial-difficulty-popup-text4}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title5}}''' {{int:wf-formtutorial-difficulty-popup-text5}}</p>}}</span></div>
+{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}}
+</div>
+<div class="col-md-6 col-xs-12">
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div>
+{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}}
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-cost-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-cost-popup}}|}}</span></div>
+{{{field|Cost|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Currency|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine}}}
+</div>
 </div>
+<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-tags-popup}}|}}</span></div>
+<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div>
 </div>
 </div>
+{{{end template}}}
 <div class="hrContentMinor-2"></div>
 {{{for template|Introduction}}}
@@ Ligne 94 : / Ligne 98 : @@
 <div class="multipleTemplateHideButton">
 {{{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}}}}}
+{{#formLinkVideo:{{{field|TutoVideoService|dropdown|mandatory|class=embedVideoDropdown}}} | {{{field|TutoVideoURL|mandatory|class=embedVideoUrlInput WfFormText}}}}}
 {{{end template}}}
 </div>
@@ Ligne 150 : / Ligne 154 : @@
 {{{end template}}}
 {{{for template|Prerequisites|multiple|maximum instances=20|add button text={{int:wf-prerequisites-tabs-btnlink}}|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder={{int:wf-prerequisites-tabs-placeholder}}|values from category=Tutorials}}}{{{end template}}}
-{{{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}}}{{{end template}}}
+{{{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|default=|uploadable}}}{{{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>
 {{{for template|Separator}}}<br>{{{end template}}}
@@ Ligne 186 : / Ligne 190 : @@
 {{{end template}}}
 </div>
+<hr class="WfEndForm">
 <div class="saving-menu">
-{{{standard input|save}}}
+<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 and continue}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>
-{{{standard input|save and continue}}}
-<span class="display-none">{{{standard input|saveDraft}}}</span>
-{{{standard input|cancel}}}
-{{{standard input|watch}}}
-<span class="status-checkbox">
-{{{for template|Tuto_Status}}}{{{field|Complete|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}
-</span>
 </div>
 </includeonly>

Version du 4 mai 2018 à 07:57

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