• English
  • Deutsch
  • Français
  • Español

Tutoriel n°2 : modifier la couleur d'un texte, la taille de police, mettre des liens, etc.

7 replies [Dernier message]
Portrait de east amloo
Last seen: il y a 2 années 29 semaines
Modo
Messages: 1258
Points: 1260
Dans ce tutoriel, je vous explique tous les moyens disponibles d'écriture de message dans le forum.

Présentation :



1. Modifier directement dans le code source (pros uniquement)
2. Annuler (équivalent de ctrl + Z) ou rétablir la dernière modification
3. Mettre en gras (B), mettre en italique (I), souligner le texte (U), barrer le texte (abc)
4. Mettre des puces ou des tirets pour faire une liste
5. Ajouter ou enlever une tabulation (série d'espace)
6. Citer
7. Ajouter une Image, ajouter une séparation horizontale, ajouter un smiley, insérer un caractère spécial
8. Ajouter un lien, défaire un lien, poser une ancre
9. Choisir un format de police prédéfinit
10. Choisir la taille de police du texte
11. Choisir la couleur du texte

Pour chaque modification de texte concernant les points 3, 4, 6, 8, 9, 10 et 11. Il faut surligner avec la souris le passage du texte que vous voulez modifier puis cliquez sur le bouton. Pour les points 9 à 11, il faut cliquer sur la petite flèche à droite du mini-bloc pour avoir accès à différents choix de couleurs ou de polices.

7.1 Ajouter une image

Lorsqu'on cliques sur le logo ajouter une image (premier logo du bloc 7 avec une petite maison), on voit apparaître une petite fenêtre comme ceci :

test

Pour ajouter l'image, vous devez entrer l'adresse URL sur la première ligne. Pas la peine d'aller dans les autres onglets, le premier est le bon. Une fois votre lien déposé, vous pouvez avoir un aperçu en cliquant dans la fenêtre aperçu. Les cadres largeurs et hauteurs sont alors renseignés automatiquement. Afin de ne pas dépasser du cadre du forum, vous devez mettre au maximum une taille de 550 de Largeur. Quand vous modifiez la taille de largeur, la hauteur s'adapte automatiquement (pratique) !

Si le coeur vous en dit, vous pouvez ajouter une bordure (comme dans l'image ci-dessus), mais ça ne sert à rien à part faire jolie (et encore). Vous pouvez aussi aligner votre image sur la gauche ou la droite.

Les parties "Lien" et "Avancé" sont réservées pour les pros.

Portrait de elec_tof
Last seen: il y a 19 heures 40 min
Modo
Messages: 344
Points: 360
Jcrois que le 11 (la couleur du texte) seuls les modos ont accès :D
Portrait de dharokan
Last seen: il y a 18 heures 43 min
Modo
Messages: 779
Points: 783
Oui, c'est vrais :smirk:
Portrait de east amloo
Last seen: il y a 2 années 29 semaines
Modo
Messages: 1258
Points: 1260
mince alors

Vous pouvez donc mettre de la couleur en passant par 1. le code source.

Vous devez mettre : <span style="color:#008000;">mince alors</span>

Le <span style="color:{code-couleur};"> est générique, on ferme la balise après le mot avec </span>

Et voici les principaux codes couleurs de Robostrike à insérer dans le code :

couleur >>#000000
couleur >>#800000
couleur >> rgb(139, 69, 19)
couleur >> rgb(47, 79, 79)
couleur >> rgb(0, 128, 128)
couleur >> rgb(0, 0, 128)
couleur >> rgb(75, 0, 130)
couleur >> rgb(105, 105, 105)
couleur >> rgb(178, 34, 34)
couleur >> rgb(165, 42, 42)
couleur >> rgb(218, 165, 32)
couleur >> rgb(0, 100, 0)
couleur >> rgb(64, 224, 208)
couleur >> rgb(0, 0, 205)
couleur >> rgb(128, 0, 128)
couleur >> rgb(128, 128, 128)
couleur >> rgb(255, 0, 0)
couleur >> rgb(255, 140, 0)
couleur >> rgb(255, 215, 0)
couleur >> rgb(0, 128, 0)
couleur >> rgb(0, 255, 255)
couleur >> rgb(0, 0, 255)
couleur >> rgb(238, 130, 238)
couleur >> rgb(169, 169, 169)
couleur >> rgb(255, 160, 122)
couleur >> rgb(255, 165, 0)
couleur >> rgb(255, 255, 0)
couleur >> rgb(0, 255, 0)
couleur >> rgb(175, 238, 238)
couleur >> rgb(173, 216, 230)
couleur >> rgb(221, 160, 221)
couleur >> rgb(211, 211, 211)

Mais vous pouvez aussi entrer les 6 chiffres correspondants à n'importe quelle couleur de code html : http://www.code-couleur.com/
Portrait de pilou
Last seen: il y a 2 années 15 semaines
Golden bot
Messages: 108
Points: 110
Un changement de statut pour avoir accès à ces fonctionnalités serait plus agréable pour moi :)
Portrait de east amloo
Last seen: il y a 2 années 29 semaines
Modo
Messages: 1258
Points: 1260
J'ai demandé à Chris. J'attends une réponse.
Portrait de chris
Last seen: il y a 1 année 3 semaines
Admin
Messages: 852
Points: 848
C'est fait.
Merci Pilou pour le coup de main.
NB: Les traducs sont à faire dans le forum anglais en répliquant les sujets pour éviter des topics multilangue (que détestent en général les moteurs de recherche)
Portrait de pilou
Last seen: il y a 2 années 15 semaines
Golden bot
Messages: 108
Points: 110
Oki ça roule, j'avais vu ça avec Amloo ;)
Merci pour les nouveaux boutons, je vais pouvoir m'amuser un peu :p
(Amloo, ne m'en veux pas si je ne trouve pas les couleurs exactes pour les topics, j'essaierai tout de même d'être fidèle ;) )
Have lulz !


TEST