Forum Organisation

Mettre en forme son post [Guide]

Posté à 17h25 le 13/09/17

En cliquant sur les boutons, une balise apparaît sans aucune explication. Mis à part ça, c'est quasiment pareil que sur forumactif. Donc en attendant que j'apprenne le javascript et que je code un truc plus sympa, voici un guide pour mettre en forme son texte.



Règles générales


Une balise fonctionne de manière très simple : tout ce qui est à l'intérieur est pris en compte. Il faut donc une balise d'ouverture et une balise de fermeture (quasiment la même que celle d'ouverture, mais avec un slash en plus).
Exemple : Ce texte n'est pas concerné par la balise. [balise de gras]Ce texte est concerné par la balise[/balise de gras]. Ce texte n'est pas concerné par la balise.

Du coup tout ce que vous avez à faire pour mettre en forme un texte, c'est vous débrouiller pour qu'il se trouve entre les balises. Pour ça, le plus simple est de sélectionner votre texte, puis de cliquer sur le bouton de mise en forme voulu. Magie, des balises apparaissent au début et à la fin de votre sélection !

Je vais maintenant lister les balises dans l'ordre...



Les fonctions basiques


Il suffit de connaître la règle basique que je viens d'expliquer pour utiliser toutes les fonctions suivantes.
Que ce soit pour mettre en gras, en italique, en souligné ou en barré, rien de sorcier.
Plutôt que de galérer à mettre vos titres en gras, en souligné et en centré, utilisez les balises de...

Titre


et de...

Sous-titre


Si votre texte est suffisamment long, c'est-à-dire qu'il occupe trois lignes ou plus, vous pouvez utiliser la balise justifier (comme sur Word) pour que tout s'aligne de manière esthétique. Ainsi, chaque début et fin de ligne fera la même taille que toutes les autres lignes du paragraphe. En fait ça calcule l'espacement entre chaque mot automatiquement de façon à ce que les lignes fassent la même taille. Et là je parle inutilement juste pour que mon paragraphe soit assez conséquent, et que je puisse vous montrer un paragraphe "justifié".


Vous pouvez aussi centrer votre texte (ou vos images).




Les images


C'est là où ça coince pour beaucoup. Au contraire de forumactif, il n'y a pas de bouton pour héberger votre image depuis votre ordinateur. Soit votre image se trouve déjà sur internet, dans ce cas vous copiez son url (Clique droit > Copier l'adresse de l'image)... Soit votre image se trouve sur votre ordinateur, dans ce cas vous devez héberger votre image sur internet (lui créer une url) avant de copier son url. Pour l'hébergement (gratuit) je vous conseille ce site, très simple : Pixenli.

Ensuite, plus qu'à mettre l'url de l'image copiée entre les balises.


Vous pouvez aussi habiller votre texte avec une image incrustée sur la gauche ou la droite, au choix. Même principe que pour une image simple. Placez votre image, que vous la vouliez à droite ou à gauche, au début de votre paragraphe. Pensez juste à ce que l'image ne soit pas trop haute comparé à la longueur de votre paragraphe. Si l'image dépasse, dans ce cas les éléments directement en-dessous du paragraphe seront placés par rapport à l'image.

Astuce : Vous pouvez décidez de la hauteur de l'image en ajoutant "(###px)" à la fin de votre balise d'ouverture. Si vous voulez une image de 200px de hauteur, cela donne [balise img(200px)]url de l'image[/balise img]. Ça marche aussi avec les balises d'image incrustée dans un paragraphe.



Les liens


La balise la moins au point est celle des liens. Cette balise ne se contente pas du texte placé entre les balises, mais exige aussi un texte après le "=". Car ce n'est pas un simple lien, mais un hyperlien, avec un texte qui s'affiche (ce que vous voulez), et un lien caché, qui s'active quand vous cliquez sur le texte affiché. Par exemple [balise url=http://pokemonarcanes.fr]Cliquez ici pour accéder à un super site[/balise url]. Ce qui donne, avec les bonnes balises : Cliquez ici pour accéder à un super site.

Avec les vidéos, c'est beaucoup plus simple. Vous copiez l'adresse url de la vidéo, et vous la coller. Pas besoin d'utiliser la fonction "partager" ou "intégrer" de Youtube, ni de balises. Testons avec une vidéo connue de l'excellent DBY.




Les blocs


Ces balises créent des blocs dans lequel vous pouvez mettre texte et images.
Celui sur lequel il faut cliquer pour afficher le paragraphe.


Pareil, sauf que vous décidez du titre à mettre à la place de "Spoiler". Pour ça, il vous faut ajouter à la fin de la balise d'ouverture un "=" suivi de votre titre personnalisé. Par exemple [balise spoiler=Titre personnalisé]Texte caché[/balise spoiler]



D'après Shakespeare :
To be or not to be.

Comme pour la balise url, cette balise de citation a besoin que vous précisiez l'auteur de la citation après le "=".

Cette balise est simple d'utilisation, et sert juste à mettre un message en avant, dans un ton alarmant.




Les bonus


Reste des balises beaucoup plus occasionnels, mais indispensables.
Vous vous souvenez quand je vous disais que les balises "url" et "citation" étaient compliquées à utiliser ? En fait c'est du gâteau à côté de la balise "tableau".
Un tableau se délimite obligatoirement par des balises "table". Ensuite vous devez indiquer chaque ligne du tableau avec des balises "tr" (qui veut dire "table row"). Enfin, vous devez indiquer chaque case dans les lignes avec des balises "td".
Ce qui donne pour un tableau à une ligne et deux cases : [balise table][balise tr][balise td]Votre texte à l'intérieur d'une première case[/balise td][balise td]Votre texte à l'intérieur d'une seconde case[/balise td][/balise tr][/balise table]
Votre texte à l'intérieur d'une première caseVotre texte à l'intérieur d'une seconde case

Pour un tableau à deux lignes et deux cases chacune : [balise table][balise tr][balise td]Votre texte à l'intérieur d'une première case dans la première ligne[/balise td][balise td]Votre texte à l'intérieur d'une seconde case dans la première ligne[/balise td][/balise tr][balise tr][balise td]Votre texte à l'intérieur d'une première case dans la seconde ligne[/balise td][balise td]Votre texte à l'intérieur d'une seconde case dans la seconde ligne[/balise td][/balise tr][/balise table]
Votre texte à l'intérieur d'une première case dans la première ligneVotre texte à l'intérieur d'une seconde case dans la première ligne
Votre texte à l'intérieur d'une première case dans la seconde ligneVotre texte à l'intérieur d'une seconde case dans la seconde ligne


Ne mettez ni texte, ni espace, ni saut de ligne entre vos balises, sauf si c'est à l'intérieur des balises "td". Sinon votre tableau ne saura pas où placer ces textes/espaces/sauts de ligne et les placera avant le tableau.

Astuce : Si vous voulez qu'une case occupe deux cases ou plus, aussi bien sur la même ligne que sur plusieurs lignes, il vous faut préciser à la fin de la balise d'ouverture "row=#" (si c'est sur plusieurs lignes) ou "col=#" (si c'est sur une même ligne).
Par exemple [balise table][balise tr][balise td col=2]Votre texte à l'intérieur d'une double case dans la première ligne[/balise td][/balise tr][balise tr][balise td]Votre texte à l'intérieur d'une première case dans la seconde ligne[/balise td][balise td]Votre texte à l'intérieur d'une seconde case dans la seconde ligne[/balise td][/balise tr][/balise table]
Votre texte à l'intérieur d'une double case dans la première ligne
Votre texte à l'intérieur d'une première case dans la seconde ligneVotre texte à l'intérieur d'une seconde case dans la seconde ligne


Ouf ça c'était pour le plus dur... Vous pouvez aussi mettre du texte en exposant ou en indice avec les balises "sup" et "sub" : Commeça Ou commeça.



Ah et vous vous demandez comment faire cette joli ligne de séparation ? Il suffit d'écrire hr entre crochets. Ceci constitue le mot de la fin de ce très long guide !
Voilà en attendant que j'améliore les boutons de mise en forme.

Posté à 20h36 le 26/11/17

Quel homme. Ça me sera bien utile tout ça vu que la syntaxe des balises change d'un site à l'autre. Une question en plus, y a-t-il des couleurs ou pas encore ?

Posté à 20h55 le 26/11/17

Pour les balises couleur, voici comment ça s'écrit :
[color=][/color]
après le "=" il suffit d'ajouter le nom de la couleur parmi celles-ci :
brown, red, orange, green, blue.

Voilà, c'est limité, mais c'est exprès. Ça empêche les kikoos d'écrire façon arc-en-ciel. Et j'ai choisi exprès ces couleurs car elles peuvent être utiles dans une démonstration, pour signifier les différents degrés de quoi que ce soit. Pour les types, plutôt que de s'amuser à écrire avec des couleurs, je rappelle qu'il y a des smileys prévus à cet effet.

Connexion

Inscription

Forum