Aide à la Syntaxe

Aide à la syntaxe


Bonjour/Bonsoir. Si tu lis ça, c'est que soit t'es Varsard et que tu vérifie si Darchi n'écrit pas de trucs inutiles, soit que t'as besoin d'aide pour ta syntaxe et que tu veux faire une mise en page un peu plus poussée.

Cette page est inspirée, basée et appuyée sur la page "Comment écrire un rapport SCP", que je conseille d'aller voir. La page "De l'utilisation de la syntaxe wikidot" pourra également vous aider pour la syntaxe.

Liste de pages très utiles pour la syntaxe :

Cette page est écrite par Dr CorrionDr Corrion (je sais pas pourquoi je parle de moi à la 3ème personne) et a pour but d'aider ceux en ayant besoin.

Aussi, si vous avez des questions sur la syntaxe ou besoin d'aide, envoyez-moi un message et je ferai de mon possible pour vous aider si je le peux (parce que je ne connais pas tout et il y a des choses que je ne sais pas faire ou qu'on ne peut pas faire sur Wikidot).

J'espère que cette page vous aidera.

Il y a une table des matières, si vous voulez accéder plus rapidement à une partie de la page, au lieu de scroller. J'ai aussi mis un module de retour vers le haut de la page. Commençons :


La Syntaxe Principale


La Syntaxe principale :

Les codes principaux :
Code Effet
**Gras** Gras
//italique// italique
__underscore__ underscore
--barré-- barré
[[[Aide à la syntaxe|Lien sur le site]]] Liens sur le site
[http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal Lien externe] lien externe
1^^er^^ 1er
{{Issou}} Issou

Tableau pris de la page "Comment écrire un rapport SCP".

Vous pouvez aussi faire ça avec le tableau en haut du cadre d'écriture.

Agrandir une phrase :

Vous pouvez agrandir un texte ou une phrase en utilisant des "+". Moins il y a de +, plus le texte est grand. Vous pouvez mettre jusqu'à six (6) +, après ça, l'effet s'annule.

L'effet ne marche cependant QUE si vous placez les + au début de la ligne.

Vous pouvez également utiliser le tableau en haut du cadre d'écriture pour agrandir votre texte.

Nota Bene : Quand vous utilisez un texte avec un seul et unique +, celui-ci devient rouge. Voir la partie "Changer de Couleur" pour changer ce détail.

Modifier la taille d'une phrase ou d'un mot :

Vous pouvez rétrécir ou agrandir une phrase en utilisant le code qui va suivre plus bas.

Après l'extrait de texte/phrase(s) que vous voulez rétrécir, pensez à mettre un "[[/size]]" pour déterminer et limiter l'extrait sélectionné et pour appliquer l'effet.

Pour mon exemple, j'ai pris 80%, mais vous pouvez changer la taille en changer le "[[size 80%]]" en un "[[size 60%]]", par exemple. Aussi, sachez que vous pouvez centrer le texte en mettant un "=" devant la phrase (ex. : "= Votre texte ici."). Ca marche aussi avec les ">" et les "<" pour mettre respectivement à droite et à gauche.

Code :

[[size 80%]] 
Votre extrait ici.
[[/size]]

[[size 80%]] 
= Votre extrait ici. 
[[/size]]

[[size 80%]] Votre extrait ici. [[/size]]

Résultat :

Votre extrait ici.

Votre extrait ici.

Votre extrait ici.

Centraliser un texte :

Pour centraliser un texte…Logique…

Code :

[[=]]
Votre texte.
[[/=]]

Résultat :

Votre texte.

Faire une liste :

Pour faire une liste, mettez un "*" au début de chaque ligne.

Code :

* Issou
* Issou
* Issou

Résultat :

  • Issou
  • Issou
  • Issou

Faire un classement :

Pour faire un classement (donc une liste numérotée), c'est assez simple : mettez un "#" au début de la ligne. Vous pouvez aussi le faire avec le tableau en haut du cadre d'écriture.

Code :

# N° 1
# N° 2
# N° 3

Résultat :

  1. N° 1
  2. N° 2
  3. N° 3

Les Images


Les images :

L'on peut insérer des images de deux façons :

  • Soit en utilisant le petit tableau en haut de cadre d'écriture,
  • Soit en utilisant ça : [[image url-de-votre-image]].

Vous pouvez également placer l'image à droite à gauche en utilisant des ">" et des "<" :

  • Pour la mettre à gauche : [[f<image url-de-votre-image]]
  • Pour la mettre à droite : [[f>image url-de-votre-image]]

Vous pouvez également modifier la taille des images en ajoutant un width="##px".
(Ex. : [[image url-de-votre-image width="100px"]])

3bb.jpg
Image d'exemple

Mettre une image à lien

Par "image à lien" je ne parle pas des image où il faut mettre un lien pour qu'on les voit. Celles-là, j'en parle dans la partie juste au dessus. Par "image à lien", je parle des images qui, si on clique dessus, peuvent nous amener vers une autre page ou un site.

C'est le même principe qu'avec les "[[[Nom de la page|Nom qui va apparaitre]]]" et les "[lien-de-la-page Nom qui va apparaitre]", mais avec des images. Le code est composé de deux parties :

  • La première, où vous allez mettre le lien de l'image qui va apparaitre, et
  • La seconde, avec le lien de la page à la quelle va mener votre image.

Pour la première partie, elle commence après le "[[image" et se termine avant "link="*". C'est là que vous devrez mettre le lien de votre image.

Pour la seconde partie, elle commence au "link="*" et se termine au "]]". C'est là que vous devrez mettre le lien de votre page.

Code :
[[image http://scp-int.wdfiles.com/local--files/about-the-french-branch/SCP-FR.jpg link="*http://fondationscp.wikidot.com/"]]

Résultat :
SCP-FR.jpg

(J'ai pris le logo de la branche Française et sa page d'accueil comme exemples.)

(Ah oui et aussi : j'ai réduit la taille de l'image avec un width="100px", mais j'ai préféré ne pas le rajouter dans le code. Mais sachez que les width peuvent aussi être utilisés pour ce module.)

Mettre une image à description sans téléverser

(Module repris sur la page Advanced Formatting and You)

Il faut savoir quelque chose : il existe deux manières de mettre une image dans un petit cadre et une description (si vous ne voyez pas de quel type d'image je veux parler, regardez l'image juste en dessous de "Résultat :"). La première, la plus connue et la plus compliquée, consiste à téléverser une image de votre ordinateur sur la page et puis de l'afficher en utilisant "[[include component:image-block name=nom.jpg|caption=Description]]". La deuxième, moins connue mais plus simple, consiste à utiliser le module ci-dessous.

Pour l'image, il faudra tout simplement changer l'url se trouvant après "iframe", à la 2ème ligne. Par contre, même si j'arrive à changer la taille du cadre, j'ai du mal pour modifier la taille de l'image elle même. Bonne chance pour régler ce petit problème, mais ça va, c'est pas trop dérangeant et le module est très pratique et facile, contrairement à l'autre qui est assez dur à utiliser.

Pour changer le texte en dessous de l'image, il suffit juste de changer le texte à la quatrième ligne, le "Votre texte."

Code :

[[div class="scp-image-block" style="width:200px; float: left;"]]
[[iframe http://scp-ru.wdfiles.com/local--files/list-of-foundation-s-internal-departments/admin.png width="200px" height="200px" frameborder="0" scrolling="no"]]
[[div class="scp-image-caption" style="width:200px;"]]
Votre texte.
[[/div]]
[[/div]]

Résultat :

Votre texte.















Note : A la fin de la première ligne, il y a un "left" qui permet de mettre l'image à gauche. Mais vous pouvez aussi mettre un "right", pour la caler à droite.


Les Onglets, Collapsibles et Tableaux


Les onglets :

Les onglets peuvent servir pour diviser et organiser sa page.

Code :

[[tabview]]
[[tab Nom de votre première onglet]]
Votre texte.
[[/tab]]
[[tab Nom de votre deuxième onglet]]
Votre texte.
[[/tab]]
[[/tabview]]
Résultat :

Vous pouvez également faire plus d'onglets : pour cela, répétez simplement le même procédé (c'est-à-dire "[[tab Nom de l'onglet]] - passez à la ligne d'en dessous - Votre texte - passez à la ligne d'en dessous - [[/tab]]").

Vous pouvez aussi faire plusieurs tableau, comme ceci :

[[tabview]]
[[tab Onglet]]
Texte.
[[/tab]]
[[tab Onglet]]
Texte.
[[/tab]]
[[/tabview]]

[[tabview]]
[[tab Onglet]]
Texte.
[[/tab]]
[[tab Onglet]]
Texte.
[[/tab]]
[[/tabview]]
Résultat :

Texte.

Texte.

Les collapsibles :

Les collapsibles sont des extraits de texte cachés, qu'on peut voir en cliquant sur le petit titre rouge.

Code :

[[collapsible show="+ Montrer le texte" hide="- Cacher le texte"]]
Votre texte ici.
[[/collapsible]]

Résultat :

Les Tableaux :

Un tableau pour être utilisé pour…bah…faire un tableau. Et donc montrer quelque chose. Vous pouvez aussi en faire un avec le tableau au dessus du cadre d'écriture.

Code :

||Première ligne du tableau||Truc que vous voulez mettre ici||
||Deuxième ligne du tableau||Truc que vous voulez mettre ici||
||Troisième ligne du tableau||Truc que vous voulez mettre ici||

Résultat :

Première ligne du tableau Truc que vous voulez mettre ici
Deuxième ligne du tableau Truc que vous voulez mettre ici
Troisième ligne du tableau Truc que vous voulez mettre ici

Vous pouvez aussi mettre plus de ligne, ou rajouter d'autres colonnes, en mettant un autre texte après le "Truc que vous voulez mettre ici||" avant de rajouter deux autres "||" pour fermer le tableau.


Les Cadres


Les Cadres dits ">" :

Vous pouvez faire de petit cadre à fond gris en utilisant des ">". C'est assez simple enfaite. Cependant, il faut que les ">" soient au début de la ligne et ne touchent pas la phrase pour ça ait effet.

Code :

> Exemple.
> Exemple.
> Exemple.

Résultat :

Exemple.
Exemple.
Exemple.

Les Cadres de fond :

Par "cadre de fond", j'entend les grands cadres qui peuvent se mettre dans le fond. D'ailleurs, ce texte est lui-même dans un grand cadre de fond. Ils doivent cependant avoir un "[[/div]]" pour fonctionner. Le cadre englobera tous les textes et toutes les images qui se trouvent entre le code de début et le "[[/div]]". Un exemple sera plus parlant :

Exemple :

[[div style="center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; margin: 10px 10px 10px 40px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]

Votre texte.

[[/div]]

Résultat :

Votre texte.

2ème exemple :

[[div class="content-panel standalone series" style="background-color: #FFFFFF;"]]

Votre texte.

[[/div]]

Résultat :

Votre texte.

A noter qu'il existe aussi d'autres cadres à part ces deux là.


Changer de Couleur


Changer de couleur :

Pour colorer une phrase, un mot ou un groupe norminal,, mettez simplement "[[span style="color:votre-couleur-en-anglais"]]" au début et "[[/span]]" à la fin.

Code :

[[span style="color:black"]] Noir [[/Span]]
[[span style="color:red"]] Rouge [[/span]]
[[span style="color:orange"]] Orange [[/Span]]
[[span style="color:green"]] Vert [[/Span]]
[[span style="color:blue"]] Bleu [[/span]]
[[span style="color:yellow"]] Jaune [[/Span]]
[[span style="color:white"]] Blanc [[/span]]
[[span style="color:brown"]] Noir [[/Span]]

Résultat :
Noir
Rouge
Orange
Vert
Bleu
Jaune
Blanc


Comment annuler les effets des codes


Les "[[code]]" :

Vous pouvez faire en sorte qu'un paragraphe n'est pas les effets des codes. C'est-à-dire que, par exemple, que vous pouvez mettre des "**Issou**" sans que votre "Issou" ne devienne gras (issou). Pour faire ça, mettez un "[[code]]" et terminez par un "[[/code]]". Vous pouvez aussi le faire en utilisant le tableau au dessus du cadre d'écriture.

Cependant, pour cela, vous devrez mettre le "[[Code]]" sur une ligne à part et le "[[/Code]]" aussi.

Aussi, à noter que l'utilisation des "[[code]]" crée un petit cadre semblable à celui des ">".

Codé (normal) :

Issou
Coucou
Mario
Corrion c 1 bg

Ce que je vais mettre pour que les effets s'annulent :

[[code]]
**Issou**
//Coucou//
--Mario--
__Corrion c 1 bg__
[[/code]]

Non-codé (Résultat) :

**Issou**
//Coucou//
--Mario--
__Corrion c 1 bg__

Les "@@" :

Si vous voule annuler les effets d'une seule partie de texte, sans forcément tout dé-coder, vous pouvez également mettre des "@@" au tour de votre extrait. Vous pouvez aussi le faire par le petit tableau en haut du cadre d'écriture, en appuyant sur le bouton "texte brut" (le "R").

Codé (normal) :

Issou
Issou
Issou

Ce que je vais mettre pour que les effets s'annulent :

@@ __Issou__ @@
@@ **Issou** @@
@@ //Issou// @@

Non-codé (Résultat) :
__Issou__
**Issou**
//Issou//


Les Footnotes


Les footnotes :

Pour mettre une note quelque part dans votre page, c'est assez simple : mettez un "[[footnote]]" après le mort auquel vous voulez mettre une note. Puis, écrivez votre note juste après et fermer avec un "[[/footnote]]".

Code :

Exemple [[footnote]] Ceci est un exemple. [[/footnote]].

Résultat :

Exemple1.


Audio et audio-visuel


Audio :

Il est possible de mettre des vidéos et de l'audio sur Wikidot. Pour cela, il faut mettre le code situé juste en dessous et remplacer le lien se trouvant après le "<source src=".

J'ai pris l'interrogatoire de 049 pour exemple.

Nota Bene : Les fichiers audio ne marchent que sur les pages et pas sur le forum et dans les discussions.

Nota Bene n°2 : Ce scripte ne marche qu'avec les fichiers mp3.

Code :

[[html]]
<audio preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="http://www.scp-wiki.net/local--files/scp-049/Addendum0491.mp3">
</audio>
[[/html]]

Résultat :

Vidéo :

Pour mettre une vidéo dans votre document, mettez tout simplement le code qui va situé en dessous.

(J'ai pris l'interrogatoire de 049 pour exemple.)

Nota Bene : Les vidéos ne marchent que sur les pages et pas sur le forum et dans les discussions.

Nota Bene n°2 : Ici, j'ai remis l'interrogatoire de 049, mais faut juste changer l'url du lien avec une vidéo.

Nota Bene n°3 : Pensez à prendre un fichier mp4.

Nota Bene n°4 : Y a pas de Nota Bene n°4.

Nota Bene n°5 : J' aime bien les Nota Bene ; ça veut dire "bon à noter" en Latin. J'aime bien aussi ce Nota Bene là.

Code :

[[html]]
<video preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="http://www.scp-wiki.net/local--files/scp-049/Addendum0491.mp3">
</video>
[[/html]]

Résultat :

(Oui, je sais, ça ne met que le son et pas l'image. Mais faut mettre un fichier mp4.)


Informations Concernant les Utilisateurs et Lecteurs


Mettre le nom de la personne qui lit :

Si vous avez déjà lu le Profil de Neremsa ou de Grym (ou même simplement que vous vous baladez sur le wiki), vous avez peut-être remarqué qu'il y a votre pseudo dans la page. "Comment ils ont fait ?" Enfaite, ils utilisent un module qui permet d'afficher le nom du compte wikidot de la personne qui regarde actuellement la page. Regardez.

Nota Bene : Ce module ne marche pas sur le forum de discussion. Mais il fonctionne sur les pages (comme celles qu'on peut créer avec le tableau à gauche ou même cette page ci).

Code :

[[module ListUsers users="."]]
Regarde ça, %%title%%
[[/module]]

Résultat :

Mentionner un utilisateur :

Au début de la page, j'ai mis un "Dr CorrionDr Corrion". C'est assez simple à faire (putain, j'ai l'impression que c'est la 37ème fois que je dis "C'est assez simple"…On dirait une pub qui essaye de te vendre un produit : "C'est simple et efficace ! Achetez le maintenant !"). Il faut juste mettre un "[[*user nom du mec]]".

Code :

[[*user Dr Corrion]]

Résultat :
Dr CorrionDr Corrion


Autres


Mettre des espaces :

Pour mettre de long espace entre deux mots, c'est assez simple : mettez des "@@" au tours des espaces. Regardez :

Code :

@@      @@ Issou
@@                    @@ Issou
@@  @@ Issou

Résultat :
Issou
Issou
Issou

Faire une table des matières :

En haut de cette page, il y a une petite table des matières que vous pouvez utiliser pour rediriger vers une partie du document. C'est assez simple à faire et d'ailleurs la table des matières mettra des codes dirigeant vers chaque extrait où il y a des "+" devant (donc, les phrases agrandies).

Code :

[[toc]]

"C'est tout ?" Oui. Il suffit juste de mettre "[[toc]]" et une table des matières se mettra à l'endroit où vous l'avez mis. Pour la redirection, le script va lui-même placer les sorties à chaque extraits agrandis.

Mettre un module de retour (vers la table des matières) :

Le module qui va suivre peut permettre de revenir à la table des matières plus rapidement. Tu peux également le centrer, le mettre à droite ou le mettre à gauche.

Code (normal) :

,,[#toc Retour],,

Résultat :
Retour

Code (à droite) :

[[>]]
,,[#toc Retour],,
[[/>]]

Résultat :

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License