Apprendre le mode source

Vous êtes nouveau/nouvelle et vous avez envie de découvrir comment se servir du mode source ? Vous êtes au bon endroit ! Il est évident qu'il m'est impossible de tout vous apprendre en un tutoriel mais celui ci vous aidera à connaître les bases du mode source afin de commencer à éditer plus sérieusement et correctement.

Ce tutoriel est également là pour vous aider :

• Blog_utilisateur:Jet_forever/Commencer_à_éditer_sur_Wikia

Bien... Commençons ! Afin de faciliter votre navigation : servez vous du sommaire pour trouver directement ce que vous cherchez dans ce billet !

Le Mode Source, en gros !

Le Mode Source !

Il faut déjà savoir que le Mode Source, à la différence du mode Visuel qui est plus adapté pour les personnes débutant dans l'édition sur Wikia, à la particularité d'être bien moins imagé et bien moins intuitif. Cependant, son utilisation de base reste assez simple et vous verrez qu'à partir du moment où vous commencerez à vus faire au mode Source, vous ne pourrez plus jamais revenir au mode Visuel !

Le mode Source est également celui par lequel il vous sera possible de rentrer n'importes quelles balises HTML, CSS et autres codes. Encore une fois, ce tutoriel a pour objectif de vous apprendre les bases du mode Source.

N.B : Afin de bien suivre ce billet, il est préférable d'avoir bien lu ce billet au préalable.

Mettre un texte en gras

L'avantage du mode Source est que pour faire une seule chose, trois options s'offrent à vous.

Option 1

• Tapez un texte dans la zone de saisie.
• Surlignez ce texte avec votre souris.
• Cliquez sur le bouton "B".
• Votre texte est en gras !

Option 2

• Tapez le code suivant :

'''Votre texte ici'''

• Et vous obtiendrez :
  Votre texte ici

Option 3

• Tapez le code suivant :

<b>Votre texte ici</b>

• Et vous obtiendrez :
  Votre texte ici

Mettre un texte en italique

Là encore, trois options rien que pour vous !

Option 1

• Tapez un texte dans la zone de saisie.
• Surlignez ce texte avec votre souris.
• Cliquez sur le bouton "I".
• Votre texte est en italique.

Option 2

• Tapez le code suivant :

''Votre texte ici''

• Et vous obtiendrez :
  Votre texte ici

Option 3

• Tapez le code suivant :

<i>Votre texte ici</i>

• Et vous obtiendrez :

Votre texte ici

Souligner un texte

Une seule solution simple ici s’offre à vous :

• Tapez le code suivant :

<u>Votre texte ici</u>

• Et vous obtiendrez :
  Votre texte ici

Centrer un texte

• Tapez le code suivant :

<center>Votre texte ici</center>

• Et vous obtiendrez :

Votre texte ici

Changer la couleur d'un texte

• Tapez le texte suivant :

<font color=blue>Votre texte ici</font>

• Et vous obtiendrez :

Votre texte ici

Note : La liste complète des couleurs est disponible ici.

Écrire plus gros

• Tapez le texte suivant :

<big>Votre texte ici</big>

• Et vous obtiendrez :

Votre texte ici

Note : Il est possible de rajouter autant de <big> </big> que souhaité. Attention de ne pas trop en abuser non plus ! ;)

Écrire plus petit

• Tapez le texte suivant :

<small>Votre texte ici</small>

• Et vous obtiendrez :

Votre texte ici

Note : Il est possible de rajouter autant de <small> </small> que souhaité. Attention de ne pas trop en abuser non plus ! ;)

Insérer un lien

Insérer un lien vers un article du wiki

Option 1

• Cliquez sur le Bouton "Ab" Puis entrez entre les deux crochets le nom de l'article.

Option 2

• Tapez le code suivant :

[[Yoshi]]

• Et vous obtiendrez :
  Yoshi

• Il est également possible de taper ceci :

[[Yoshi|Un texte ici]]

• Et vous obtiendrez :
  Un texte ici

Insérer un sous titre

• Tapez le code suivant :

==Sous titre==

Insérer une image

Option 1

• Cliquez sur le bouton montrant un petit tableau, puis rentrez le nom de l'image après "[[Fichier:".

Option 2

• Tapez le code suivant :

[[Fichier:NOM DE L'IMAGE.png]]

• Et vous obtiendrez :

Personnaliser les images ajoutées

Modifier la taille d'une image

• Tapez le code suivant :

[[Fichier:Images.png|250px]]

• Et vous obtiendrez :

• Libre à vous de changer la taille ! ;)

Insérer une image avec une légende

• Tapez le code suivant :

[[Fichier:NOM DE L'IMAGE.png|thumb|Blablabla]]

• Et vous obtiendrez :

Fichier:NOM DE L'IMAGE.png

Blablabla

Il est aussi possible de décider où se trouvera cette image (droite, gauche ou centre) en tapant l'un de ces codes :

• [[Fichier:NOM DE L'IMAGE.png|thumb|left|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

• [[Fichier:NOM DE L'IMAGE.png|thumb|center|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

• [[Fichier:NOM DE L'IMAGE.png|thumb|right|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

Insérer une galerie d'images légendées

• Tapez le code suivant :

<gallery>
Image1.png|Voici l'image 1
Image2.png|Voici l'image2
</gallery>

• Et vous obtiendrez :

Image1.png

Voici l'image 1

Image2.png

Voici l'image2

• Il est possible d'ajouter autant d'images que souhaité.

Insérer un diaporama d'images

• Tapez le code suivant :

  <gallery type="slideshow">

Image1.png|Voici l'image 1 Image2|Voici l'image 2

</gallery>

• Image1.png
  Voici l'image 1
• Image2
  Voici l'image 2

1/2

• Et vous obtiendrez :

Conclusion

Et bien voilà les bases du Mode Source ! J'espère que vous saurez vous débrouiller à présent : vous avez toutes les cartes en main ! Pour le reste, la meilleure manière de progresser est de se faire la main ! N'ayez pas peur de modifier !

Merci d'avoir lu ce billet, en espérant vous avoir aidé et vous avoir motivé à contribuer parmi nous !

Amusez vous bien !