L'éditeur de texte

Ouvert par TN-Loic, 11 septembre 2014

Retrouvez les tutos du forum, afin de l'utiliser au mieux
Page 1 sur 1
Jeu 11 Sep 2014 09:51 #1
Ce tutorial va vous expliquer l'utilisation de l'editor et de ces différents fonctionnalités :

Image

  1. Le sujet
    Tout nouveau message a besoin d'un sujet, essayer d'être concis dans le titre. Cela permettra de le retrouver facilement par l'outils "Rechercher" (dans le barre de menu)
  2. Boite à outils :
    Explication complète sur cette page
  3. Boite à smileys :
    Retrouvez tous les smileys insérables dans un message.
    L'éditeur étant en version simplifiée, quand vous cliquez sur le smileys désirée, il s'insére en version texte. Ce n'est que lorsque le message est enregistré que le smileys sera transformé pour que tous les forumeurs puissent le voir en version image animée.
  4. Bouton d'édition :
    Vous avez 3 boutons à disposition :

    1. Sauvegarder le brouillon :
      Il conserve uniquement le titre et le message. Permet de créer un type de message prédéfini. Si vous sauvegarder un brouillon, lors de votre prochain message, vous aurez un quatrième bouton "charger le brouillon" qui permet de récupérer le brouillon
    2. Aperçu :
      Permet de vérifier le rendu de votre message avant enregistrement et publication à tous les forumeurs.
    3. Envoyer :
      Publier votre message à tous les forumeurs
Jeu 11 Sep 2014 10:40 #2
Voici une explication détaillée de la boîte à outils :

Image
Le bouton B : Met en gras le texte
Le bouton i : Met en italique le texte
Le bouton u : souligne le texte
Pour les utiliser, écrivez d'abord votre texte, puis sélectionner la partie à mettre en gras, italique ou souligné

Code: Tout sélectionner
 [b]ce texte sera en gras[/b]

Aperçu : ce texte sera en gras

Code: Tout sélectionner
[i]Ce texte sera en italique[/i]

Aperçu : Ce texte sera en italique

Code: Tout sélectionner
[u]Ce texte sera souligné[/u]

Aperçu : Ce texte sera souligné
Jeu 11 Sep 2014 10:44 #3
Image
Permet de citer un bout de message copier. Deux possibilités :
  • Mode anonyme : Vous ne souhaitez pas citer la personne qui a écrit le message, cliquer sur le bouton "Quote" et coller le message souhaité.
    Code: Tout sélectionner
    [quote] ceci est un message copié anonyme [/quote]

    Aperçu :
    ceci est un message copié anonyme

  • Mode cité : Vous souhaitez indiquer la personne qui a écrit le message, cliquer sur le bouton "Quote" et ajouter le pseudo.
    Code: Tout sélectionner
    [quote="Tn-loic"] Les administrateurs sont formidables [/quote]

    Aperçu :
    Tn-loic a écrit:
    Les administrateurs sont formidables
Jeu 11 Sep 2014 10:44 #4
Image
Ce bouton sert uniquement à indiquer du code pur, qui ne sera pas interpréter par le forum. C'est surtout utilisé pour les tutorials, ou montrer un soucis dans l'éditeur de texte aux admins par exemple.

Code: Tout sélectionner
[code]J'ai un soucis pour mettre du texte en italique, je ne comprends pas car j'ai bien cliqué sur le bouton I de l'éditeur [i][/i][/code]

Aperçu :
Code: Tout sélectionner
J'ai un soucis pour mettre du texte en italique, je ne comprends pas car j'ai bien cliqué sur le bouton I de l'éditeur [i][/i]
Jeu 11 Sep 2014 10:45 #5
Image
Vous avez deux boutons "List" car il y a deux possibilités :
  • Liste non ordonnée : le bouton List
    Permet d'écrire plusieurs points à la suite sans précision supplémentaire
    Code: Tout sélectionner
    [list]
    [*] Ceci est mon premier point
    [*] Ceci est mon deuxième point
    [*] Ceci est mon troisème point
    [*] ...
    [/list]

    Aperçu :
    • Ceci est mon premier point
    • Ceci est mon deuxième point
    • Ceci est mon troisème point
    • ...
  • Liste ordonnée : Le bouton List=
    Permet d'écrire plusieurs points à la suite, mais en spécifiant si vous souhaitez numérotées ou alphabétisées votre liste
    Code: Tout sélectionner
    [list=1]
    [*] Ceci est mon premier point
    [*] Ceci est mon deuxième point
    [*] Ceci est mon troisème point
    [*] ...
    [/list]

    Aperçu numéroté :
    1. Ceci est mon premier point
    2. Ceci est mon deuxième point
    3. Ceci est mon troisème point
    4. ...

    Code: Tout sélectionner
    [list=a]
    [*] Ceci est mon premier point
    [*] Ceci est mon deuxième point
    [*] Ceci est mon troisème point
    [*] ...
    [/list]

    Aperçu alphabétisé :
    1. Ceci est mon premier point
    2. Ceci est mon deuxième point
    3. Ceci est mon troisème point
    4. ...
  • Le bouton * permet de lister vos informations, il faut absolument les placés dans une liste
Jeu 11 Sep 2014 11:07 #6
Image
Permet de publier une photo sur le forum. Pour un bon affichage, veuillez vérifier que la largeur max ne dépasse pas 800px.

Il faut héberger votre image sur internet :
Deux hébergements conseillés :
- Up and Posts => Suivre le tuto
- HostingPics => suivre le tuto


Votre image est hébergé
Cliquer sur le bouton Img, et insérer le lien internet entre les deux balises

Code: Tout sélectionner
[img]http://upandpost.com/image/thumbnail/2/353d9907d151b313a558045d391148b.jpg[/img]


Aperçu : Image
Ven 12 Sep 2014 16:22 #7
Image
permet de mettre un clien cliquable dans un message.

Mise à disposition d'un lien direct

  • Cliquer sur le bouton URL
  • copier votre lien entre les deux balises /!\ Votre lien tout toujours commencer par http://

Code: Tout sélectionner
 [url]http://www.google.Fr[/url]

Aperçu : http://www.google.Fr

Mise à disposition d'un lien sous un texte alertnatif

  • Cliquer sur le bouton URL
  • Ajouter à la premiere balise votre lien [url=lien que vous souhaitez]/!\ Votre lien tout toujours commencer par http://
  • AJouter un texte entre les deux balises

Code: Tout sélectionner
[url=http://www.google.fr]En cliquant ici vous irez sur la page de google[/url]


/!\ Veillez à toujouts utiliser la même structure de lien dans un message, au risque que les liens ne fonctionnent pas
Ven 12 Sep 2014 16:41 #8
Image

Le premier bouton sert à agrandir ou rétrécir votre texte.
  • Sélectionner le texte à modifié
  • Cliquer sur le bouton 'Normale'
  • Choisir la modification souhaitée

Code: Tout sélectionner
 Voici un texte que [size=150]je veux en gros[/size], et un [size=85]autre en petit[/size]

Aperçu : Voici un texte que je veux en gros, et un autre en petit

Le secon bouton donne de la couleur à votre texte, vous avez le choix de la couleur ^^
  • Selectionner le texte à mettre en couleur
  • Cliquer sur le bouton 'couleur de la police'
  • Choisir la couleur parmi la tablette

Code: Tout sélectionner
ce texte sera [color=#FF0040]rouge[/color], et celui-ci [color=#80BF40]vert [/color]

Aperçu : ce texte sera rouge, et celui-ci vert
Ven 12 Sep 2014 16:58 #9
Cette question revient souvent, comment je procéde pour mettre une vidéo dans un message.
Vous avez deux possibilités : Youtube ou Dailymotion. ce sont les deux plates-formes les plus répandus.

Image
    Image
  • Sur votre vidéo youtube, cliquer sur le bouton 'partager'
  • Copier le lien de partage que youtube vous donne /!\ Ne copier pas l'URL dans la barre d'adresse du navigateur
  • Sur le forum, cliquer sur le bouton 'youtube'
  • Coller le lien entre les deux balises

Code: Tout sélectionner
[youtube]http://youtu.be/lSpmhEsQYhQ[/youtube]

Aperçu :
Ven 12 Sep 2014 16:59 #10
Cette question revient souvent, comment je procéde pour mettre une vidéo dans un message.
Vous avez deux possibilités : Youtube ou Dailymotion. ce sont les deux plates-formes les plus répandus.

Image
    Image
  • Sur votre vidéo dailymotion, cliquer sur le bouton 'exporter'
  • Copier le lien de partage que dailymotion vous donne /!\ Ne copier pas l'URL dans la barre d'adresse du navigateur
  • Sur le forum, cliquer sur le bouton 'youtube'
  • Coller le lien entre les deux balises

Code: Tout sélectionner
[dailymotion]http://dai.ly/x25mscx[/dailymotion]

Aperçu :
Lun 22 Sep 2014 14:57 #11
Image
Le spoiler c'est quoi ? Cela désigne un document ou un texte qui dévoile tout ou partie de l'intrigue d'une oeuvre, d'uns série ... Ainsi le but est de cacher cette informations à la lecture pour ne pas gacher la suprise ou laisser le choix aux personnes de découvrir son contenu.

- Ecrivez le texte
- Selectionnez le texte à cacher
- Cliquez sur le bouton spoiler

Code: Tout sélectionner
Je suis quelque chose qui peut voyager dans le monde entier en restant dans mon coin Qui suis-je ?
[spoiler]Le timbre[/spoiler]


Aperçu : Je suis quelque chose qui peut voyager dans le monde entier en restant dans mon coin Qui suis-je ?
Spoiler :
Le timbre
Lun 22 Sep 2014 15:40 #12
Image
La visionneuse permet de partager un document word, excel, porwerpoint ou pdf. Il sera accessible directement en lecture et non en téléchargement, ce qui est plus pratique pour partager une information avec d'autres forumeurs

Il faut héberger votre document sur internet :
Suivre le tuto


Le document est hébergé,
Nous allons pouvoir le mettre sur le forum
- Cliquez sur "visionneuse"
- coller votre lien PDF entre les deux balises

Code: Tout sélectionner
[visionneuse]http://www.petit-fichier.fr/2014/09/22/pdf-forum-terre-net-fr/pdf-forum-terre-net-fr.pdf[/visionneuse]


Aperçu :

Partager cette discussion sur les réseaux sociaux

Revenir en haut