Mise en page d'un message (forum)

---

Mise en page d'un message dans le forum Scratch

---

Réécriture de la page programmée.
Cette page ne suit pas les normes d'écriture du Scratch Wiki.
Veuillez nous excuser pour la gêne occasionnée.

• Pages similaires ;
• Motif : sans balises code, lourd, à simplifier.

Dans le forum de Scratch, vous pouvez poster des messages avec simplement du texte (cf. poster un message), mais vous pouvez améliorer le contenu pour qu'il soit plus agréable à lire, en modifiant la mise en forme du texte, ajoutant des images, des blocs Scratch, etc. Tout cela fonctionne avec des balises BBCode. Ces balises sont du texte entre crochets qui, placé à un endroit précis, permet d'actionner des fonctions particulières.

Mise en forme du texte

Vous pouvez mettre en forme le texte, pour qu'il soit en gras, en gros, centré, en rouge, etc.

boutons pour faire la mise en forme du message

Boutons pour choisir la taille du texte

Si vous écrivez...	vous obtiendrez :
[b]texte[/b]	un texte en gras
[i]texte[/i]	un texte en italique
[u]texte[/u]	un texte souligné
[s]texte[/s]	un texte barré
[center]texte[/center]	un texte centré
[color=nom de la couleur en anglais]texte[/color]	un texte coloré
[color=code couleur hexadécimal]texte[/color]	un texte coloré autrement
[big]texte[big]	un texte de grande taille
[small]texte[/small]	un texte de petite taille

Listes

Types de lists

Listes simples

Le formatage d'une liste est plus compliqué. Il faut commencer par définir le début de la liste avec les balises [list] et définir la fin de la liste avec [/list]. Commencez à lister entre ces deux balises tous les éléments précédés de [*] en début de ligne. A chaque fois que vous voulez insérez un nouvel élément, allez à la ligne, mettez à nouveau la balise [*] en début de ligne puis votre élément derrière.

Listes numérotées

Elle diffèrent peu des listes simples, à un détail près : chaque ligne commence par un numéro, classé dans l'ordre croissant. Pour cela, mettre la balise [list=1] en ouverture et [/list] en fermeture. Le chiffre dans la balise d'ouverture indique à quel chiffre commence la liste. Vous n'êtes pas obligés de commencer la liste par 1 ! Pour cela, dans la balise citée précédemment, remplacez le 1 par le chiffre voulu. Comme pour les listes simples, chaque élément est précédé de [*].

 Info :

Si vous ajoutez une liste avec un seul élément (une seule ligne), vous n'avez pas besoin de mettre la balise [*].

Cadres et citations

Cadre simple

Pour mettre votre texte dans un cadre simple, ajouter les balises [quote] et [/quote] en début et fin du texte concerné.

Pour insérer un cadre simple

 Info :

Mettre deux crochets au début d'une balise permet de l'afficher

Citer quelqu'un

Vous voulez reprendre les paroles de quelqu'un dans le forum ? Commencez par la balise [quote=''nom de la personne citée''], écrivez le texte en question et concluez par la balise [/quote].

Insérer une ligne de code

C'est très simple, il faut mettre, toujours de la même manière, les balises [code] et [/code]. La ligne de code s'affichera dans un cadre

 Info :

Dans une ligne de code, les balises BBCode apparaîtront et la police sera modifiée

Insérer des blocs Scratch

Pour insérer des blocs Scratch, vous obtiendrez toutes les informations sur cette page : blocs du forum

Liens et images

Boutons pour ajouter une image ou un lien

Insérer un lien

Pour mettre un lien, il faut bien suivre le modèle suivant :

[url=Adresse de la page]texte du lien[/url]

Exemple : si vous écrivez
[url=https://fr.scratch-wiki.info/wiki/Scratch_Wiki_Accueil]Accueil du Wiki[/url]
vous obtiendrez Accueil du Wiki.

Vidéo YouTube

Affichage d'une vidéo YouTube sur le forum

Comme tous les autres liens, vous pouvez mettre un lien vers une vidéo YouTube sur le forum. Cependant, lorsque quelqu'un cliquera sur le lien de vidéo, ce n'est pas une page YouTube qui va s'ouvrir mais une page Scratch avec la vidéo et un texte explicatif (voir image). Le texte explique qu'il est normal d'atterrir sur cette page car c'est fait pour éviter de voir des commentaires ou d'autres contenus susceptibles de ne pas respecter les règles du Scratch afin de protéger le jeune public. Aussi, vous ne pouvez pas mettre la vidéo en plein écran sur cette page. Vous avez cependant en bas à droite de la vidéo le logo YouTube vous permettant d'accéder à la page de la vidéo sur YouTube.

Insérer une image

Il est impossible d'intégrer des images dans les commentaires mais par contre il est possible d'en intégrer dans les posts ou dans les signatures, sur le Forum Scratch. Nous pouvons utiliser des images déjà présentes sur quelques sites et qui ne seront pas hébergées expressément pour le forum. Ou sinon, nous pouvons aussi héberger spécialement nos propres images, pour faire cela, il y a par contre une procédure à suivre, elle consiste à héberger les images sur certains sites externes à Scratch en suivant plusieurs étapes qui vont être expliquées ci-dessous.

Héberger l'image à insérer

 Attention :

Il est vivement préférable que l'image soit enregistrée en local.

Une image peut apparaître sur le forum uniquement si elle est stockée chez un hébergeur accepté par Scratch, il existe peu d'hébergeurs acceptés, les voici donc en compagnie d'explications pour l'utilisation :

photobucket.com

Une grande utilisation demandera une mise à niveau qui ne sera pas gratuite. En effet, seulement 250 images peuvent être hébergées gratuitement mais elles auront par contre des filigranes (ajout de traits en semi transparence sur l'image).

Utilisation :

• Commencez par créer un compte (vous devez être âgé de 16 ans, si vous n'avez pas cet âge, vous pouvez créer le compte en accord avec vos parents qui devront détenir le compte), puis connectez-vous ou faites le directement si vous possédez déjà un compte ;
• Cliquez sur le petit bouton "+" en haut à droite de la nouvelle page qui sera affichée ;
• Cliquez maintenant sur "Upload to My Bucket" ;
• Cliquez sur "Image Library", choisissez l'image que vous voulez héberger qui va dans ce premier cas, devoir se trouver dans les fichiers de votre appareil. Vous pouvez aussi choisir d'importer une image par adresse internet en cliquant sur "Add a Link" et en collant une adresse d'image déjà hébergée ou vous pouvez aussi choisir de prendre une photo (prenez en compte qu'elle doit être utile sur le forum et ne pas dévoiler certaines choses privées) ;
• Validez en cliquant sur "Upload to My Bucket";
• Pour copier le lien, commencez par cliquer sur l'image que vous voulez intégrer ;
• Une fois sur la page contenant l'image, cliquez sur le bouton pour partager ;
• Sélectionnez maintenant la première icône pour copier le lien.

cubeupload.com

Cet hébergeur permet d'héberger facilement autant d'images que voulu après la création d'un compte. Il est le service d'hébergement le plus utilisé pour le Forum Scratch. Utilisation :

• Commencez par créer un compte en cliquant sur le bouton "Sign Up" en haut à droite, si vous n'en possédez pas encore un. Vous devez choisir un nom d'utilisateur, indiquer une adresse e-mail (vous pouvez faire la démarche avec vos parents et leur accord, il n'y a pas de limites d'âges mais certaines règles sont notamment à respecter, elles sont disponibles ici), choisisez un mot de passe assez sécurisé que vous allez devoir écrire à deux répétitions. Vous aurez un e-mail pour confirmer la création de votre compte et commencer à héberger des images ;
• Une fois connecté (en cliquant sur le bouton "Login" en haut à droite sur le site cubeupload, à côté du bouton "Sign Up" utilisé auparavant pour la création de compte) et ayant vérifié le compte, sur la page d'accueil, cliquez sur le bouton avec le texte en vert "Select Images" ;
• Choisissez les images dans le gestionnaire de fichiers de votre appareil ;
• Cliquez sur le bouton "Start Upload" clignotant, situé en haut à droite, sous la barre de navigation du site ;
• Sélectionnez le premier lien disponible en dessous de la vue de l'image et copiez-le.

imageshack.com et imageshack.us

ImageShack est un hébergeur d'image qui propose un service gratuit d'essai pendant 30 jours puis un passage à la version premium est nécessaire pour pouvoir encore héberger des images. Si le délai est dépassé et qu'il n'y a aucune mise à niveau, au moment du téléchargement d'une image sur le site, un message d'erreur s'affichera comme quoi il y a eu un problème d'importation. Utilisation :

• En premier, il va falloir commencer par se créer un compte à partir de la page "Sign Up" dont le lien est présent sur la page "Log In" qui apparaît quand nous allons sur la page principale du site, il y a une redirection. Il faut cliquer sur "Sign Up", bouton situé en bas, au milieu, puis il faut mettre une adresse e-mail, un nom d'utilisateur, choisir un mot de passe, le réécrire et enfin, vous pouvez valider. Vous devez vous connecter après et si vous avez déjà un compte, il faut le faire directement en passant l'étape qui viens d'être expliquée ;
• Quand le compte a été créé et que vous êtes connecté, sur la page qui apparaît, vous devez cliquer sur le petit bouton plus ("+") qui est entouré et placé en haut à droite du site internet ;
• Après avoir cliqué, vous arrivez sur votre gestionnaire de fichier, choisissez l'image à héberger, elle doit être présente dans vos dossiers ;
• L'image est affichée, vous devez cliquer dessus ;
• Dès à présent, vous n'avez qu'à sélectionner le lien de l'image pour après le copier, il se trouve dans la barre d'adresse de votre navigateur, cette barre est très souvent positionnée en haut de la page web qui est visitée.

scratch-wiki.info

Toutes les images de l'ensemble des Scratch Wikis dans des langages différents peuvent être intégrées sur le forum. Il ne suffit que de copier le lien de l'image en faisant un clique droit ou un appui long (appareils mobiles) puis d'ouvrir le lien de l'image et de copier le lien dans la barre d'adresse en haut de la page internet ou bien de cliquez sur certains navigateurs sur le bouton "Copier l'adresse de l'image"

Une fois que l'image est hébergée

Quand l'image est hébergée, il faut copier l'adresse URL de l'image. Ensuite, vous pourrez ajouter l'image en suivant le modèle :

[img]Adresse URL de l'image[/img]

 Attention :

Les nouveaux scratchers ne peuvent pas insérer d'image dans les forums.

Mélanger lien URL et image

Vous pouvez en effet mettre un lien url sur une image. Il suffit de faire : [url=lien souhaité][img]adresse de l’image[/img][/url]

Autres fonctions

boutons pour ajouter un smiley ou afficher les informations concernant votre ordinateur

Smiley

Vous pouvez ajouter des smileys via le bouton dédié (voir image) Il y a d'ailleurs un article consacré exclusivement aux smileys et émojis ici.

Informations concernant votre ordinateur

Vous pouvez ajouter une ligne qui vous informera de caractéristiques de votre ordinateur (OS, navigateur, Adobe Flash Player, etc.) en cliquant sur le globe qui se situe à droite du bouton pour insérer un smiley (voir image)

Userscript

Scratch possède un userscript francophone, plus d'informations ici : https://scratch.mit.edu/discuss/topic/251882/ ou en s'adressant à Smrman.

Visualisez le message

Bouton de visualisation

Vous voulez voir à quoi ressemble le message avant de le publier ? Rien de plus simple ! Appuyer sur le bouton preview (vert) et en dessous de ce que vous avez tapé, vous aurez l'aperçu.

Voir aussi

Aide à la rédaction des messages avec le BBCode sur le forum Scratch : https://scratch.mit.edu/discuss/topic/239505/