Tutoriel Forum & HTML

Tutoriel : utiliser l’HTML sur le forum

Le principe de l’html est l’utilisation de balises que l’on doit ouvrir puis fermer.
On vous propose les exemples et le résultat à chaque fois. Grâce à ça vous aurez tout les outils en mains pour faire de magnifiques topics =^_^=

Création d’un lien :
Nom du Lien
Code :
<a href="« http://www.objectif-sega.com/ »">Nom du lien</a&gt

Insertion d’une image (pas besoin de fermer cette balise) :

Il est possible de préciser la taille en rajoutant après src et avant de fermer le crochet, si l’image est trop grande c’est plus propre. Pour faire ça, on rajoute height=240 et width=320 par exemple et on obtient une belle image en 320x240 pixels.

Code :
<img src="« http://www.objectif-sega.com/jeux/covers/132.jpg »"/>

Style d’écritures (vous pouvez bien sûr enchainer les balises en veillant à toujours les fermer dans le bon ordre, une balise ouverte en premier doit être fermée en dernier) :

Gras
Code :
<b>Gras</b>

Ecrit plus gros
Code :
<big>Texte en gros</big>

Italique
Code :
<i>Italique</i>

Barré
Code :
<s>Barré</s>

Met des guillemets
Code :
<q>Mets des guillemets</q>

Ecrit plus petit
Code :
<small>Texte en petit</small>

Souligné
Code :
<u>Souligné</u>

Titres (quand vous mettez un titre ce dernier laisse un espace en-dessous et au-dessus, donc inutile de sauter des lignes, les tailles utilisées sont h1 et h2);

Titre taille 1

Titre taille 2

Code :
<h1>Titre 1</h1>
<h2>Titre 2</h2>

Les couleurs de base :
aqua
black
blue
fuschia
gray
green
lime
maroon
navy
olive
orange
purple
red
silver
teal
yellow

Code :
<font color="« blue »">Exemple de la couleur blue</font>

Exemple d’utilisation de plusieurs balises à la fois :

Mon Topic Officiel

Code :
<font color="« red »"><i><h1>Mon Topic Officiel</h1></i></font>

Voilà , vous avez à votre disposition exactement les mêmes outils que nous utilisons pour poster nos tests et autres news. Si vous avez des questions ce topic est l’endroit idéal pour les poser.

Si vous trouvez des trucs pas assez clair faut le dire, en attendant le retour des boutons à cliquer pour sortir le code automatiquement il va falloir se mettre un peu au html. ^^

Vous verrez c’est tout simple et cela va rendre le photo beaucoup plus vivant vu qu’on peut y faire ce qu’on veut (enfin presque y’a les modos qui trainent au cas où y’aurais trop de mauvais gout). ^^

Bah, un peu d’hatml ne peut pas faire de tort
(et comme le tort tue)

Il suffit juste de s’habituer un peu et çà va aller tout seul

Au final c’est quasiment pareil que le BBC code, en fait ce qu’il vous manque c’est plus les boutons je pense ^^

Exact :wink:

Désolé, j’ai rien compris!

C’est pas grave, va falloir mettre les boutons déjà tout prêt alors. ^^

Merci greendog, je ne suis pas a ton niveau en informatique.

@Cireza : ce n’est pas le BBC code mais le BB code (vient de phpBB) :wink: ^^
C’est clair que phpBB s’est inspiré de l’HTML pour ses codes

Ouaip Greenouné les boutons tout prèts serainent FORT appréciables :slight_smile:

Ah oui ! J’avais trouvé un javascript qui permet d’insérer automatiquement des balises dans une zone de texte…

A quand la MAJ pour les « tits details » qui manquent cruellement au fofo ?

Juste un ptit conseil pour les photos que vous hébergez :

Préférez enregistrersous.com à imageshack car lorsqu’on clique sur les vignettes, les images sont presque instantanément affichées, ce qui n’est pas le cas de imageshack ou il faut attendre 3 plombes !

Merci du conseil.:wink:

Je ne le connaissais pas celui-ci. Faudra que j’essaye. Moi non plus je n’aime pas beaucoup imageshack qui est très lent.

Y’a toujours une tonne de trucs à faire sur le site ou le forum, après c’est un peu à celui qui gueule le plus fort… Mais bon les journées font que 24H et le site ne nous nourrie pas, mais ça avance petit à petit ça se voit. :slight_smile:

RIP mon tutoriel, snif :triste:

On lui mettra des fleurs :smileWink:

lol on le gardera comme vestige d’une époque révolue. hihi

RISE FROM YOUR GRAVE.

Le forum change, les réponses se font désormais en HTML.

Les boutons sont là  pour automatiser les actions, mais mon premier tutoriel vous sera utile si vous avez du mal à  bien comprendre tout ça.

En espérant que ça vous aide.

Posez vos questions ici si vous en avez :tongue-out: