Il existe deux types de balises sur yAronet :
- les balises de style, par exemple [b] et [/b], que vous devez mettre autour du texte que vous voulez mettre en forme ;
- les balises de contenu, par exemple [media] et [/media], qui servent à insérer des éléments, par exemple des images, liens, etc.
Au-dessus du formulaire de message (en bas de chaque page) se trouvent des boutons vous permettant d'insérer facilement les balises les plus couramment utilisées. Sélectionnez le texte que vous souhaitez mettre en forme, puis cliquez sur le bouton correspondant à la balise à utiliser pour qu'elle soit insérée automatiquement.
Voici la liste des balises disponibles sur le site, ainsi que les différentes façons de les utiliser. Cliquez sur une catégorie pour consulter la liste des balises correspondantes :
Balises de style simples (gras, italique, souligné...)
| Description | Syntaxe | Exemple | Conseils |
|---|---|---|---|
| Mettre un texte en gras | [b]ce texte sera en gras[/b] | ce texte sera en gras | |
| Mettre un texte en italique | [i]ce texte sera en italique[/i] | ce texte sera en italique | |
| Souligner un texte | [u]ce texte sera souligné[/u] | ce texte sera souligné | |
| Barrer un texte | [s]ce texte sera barré[/s] | ce texte sera barré | |
| Colorer un texte | [color=FF0000]ce texte sera en rouge[/color] | ce texte sera en rouge | Remplacer "FF0000" par le code hexadecimal de la couleur désirée. |
| Utiliser une police à largeur fixe | [fixed]mon 68k est fantastique ![/fixed] | mon 68k est fantastique ! | |
| Changer la taille du texte | [font=80]j'en ai une beaucoup plus petite, c'est plus pratique[/font] | j'en ai une beaucoup plus petite, c'est plus pratique | Remplacer "80" par la taille en pourcentage par rapport à la taille normale (100). |
| Masquer un texte | [spoiler]et à la fin, ils meurent tous[/spoiler] | et à la fin, ils meurent tous | Le texte masqué apparaît en passant la souris au-dessus. |
| Mettre un texte en indice | X[sub]i[/sub] = X[sub]i - 1[/sub] + 2 | Xi = Xi - 1 + 2 | |
| Mettre un texte en exposant | rappelez-vous l'épisode précédent[sup]1[/sup] | rappelez-vous l'épisode précédent1 |
Balises de style avancées (tableaux, listes...)
| Description | Syntaxe | Exemple | Conseils |
|---|---|---|---|
| Aligner du texte | [align=left]à gauche, des canapés[/align] [align=right]à droite, des canapés[/align] [align=center]devant, la porte d'entrée[/align] | à gauche, des canapés à droite, des canapés devant, la porte d'entrée | |
| Insérer un tableau | [table] [^]Pseudo [^]Date d'inscription [^]Posts [-] [|]Brunni [|]03.11.2002 [|] 9079 [-] [|]vince [|]11.11.2001 [|] 108239 [/table] | À l'intérieur d'un tableau, la balise [^] précède une cellule d'en-tête, [|] précède une cellule de corps, et [-] passe à la ligne suivante. Placez plusieurs balises [^] ou [|] à la suite pour créer une cellule qui s'étende sur plusieurs colonnes. Vous pouvez précéder le contenu d'une cellule par deux espaces pour l'aligner à droite, le faire suivre de deux espaces pour l'aligner à gauche, ou l'entourer de deux espaces à droite et à gauche pour le centrer. Les retours à la ligne n'importent pas entre les balises de changement de ligne et colonne, vous pouvez en ajouter pour améliorer la lisibilité de votre tableau quand vous l'éditez. | |
| Insérer une liste | [list] [*] Premier élément d'une liste non ordonnée [##] Premier sous-élément ordonné d'une liste [##] Second sous-élément ordonné d'une liste [*] Second élément d'une liste non ordonnée [/list] |
| À l'intérieur d'une liste, la balise [*] ajoute un élément à une liste non ordonnée, et [#] ajoute un élément à une liste ordonnée. Pour créer des sous-niveaux à l'intérieur d'une liste, il suffit d'utiliser plusieurs balises [*] ou [#] à la suite. |
| Insérer une boite déroulante | [box=Cliquer sur le titre]Contenu de la boite[/box] | Cliquer sur le titre Contenu de la boite | |
| Insérer un bloc de texte sans mise en forme | Le texte \[u]à l'intérieur\[/u] d'une balise pre ne sera \[b]pas\[/b]mis en forme | Le texte [u]à l'intérieur[/u] d'une balise pre ne sera [b]pas[/b] mis en forme | |
| Insérer une barre horizontale | [hr] |
Balises de contenu (images, liens...)
| Description | Syntaxe | Exemple | Conseils |
|---|---|---|---|
| Intégrer une image (simple) | [img]http://yaronet.org/layout/html/boo/default.png[/img] |  | |
| Intégrer une image (redimensionnée) | [img=50]http://yaronet.org/layout/html/boo/default.png[/img] | | Remplacer "50" par la taille en pourcentage par rapport à la taille normale (100). |
| Intégrer une image (avec miniature) | [img=http://www.mirari.fr/b9fo]http://www.mirari.fr/P3Vd[/img] | ||
| Insérer un lien (simple) | [url]http://www.yaronet.com/[/url] | http://www.yaronet.com/ | |
| Insérer un lien (avec texte) | [url=http://www.yaronet.com/]Cliquer ici pour accéder à yAronet[/url] | Cliquer ici pour accéder à yAronet | |
| Insérer du contenu multimedia | [media]http://www.mirari.fr/o89k[/media] | La balise [media] reconnaît les liens vers Dailymotion, SoundCloud, Twitter, Vimeo et YouTube ainsi que les formats aac, flac, flv, mp3, mp4, ogg, ogv, wave et webm selon disponibilite sur votre navigateur. | |
| Insérer une citation | [quote]Nullam tincidunt massa ac felis facilisis mollis. Donec consequat leo id diam ornare elementum.[/quote] | Nullam tincidunt massa ac felis facilisis mollis. Donec consequat leo id diam ornare elementum. | |
| Insérer un code source | <?php
header ('Location: \http://www.yaronet.com/');
?> | <?php
header ('Location: http://www.yaronet.com/');
?> | Pour obtenir la liste des langages supportés, cliquez sur le bouton "code" à droite du formulaire de post. |
| Insérer un sondage | [poll=16447] | Utilisez le formulaire de sondage à droite des posts pour créer un nouveau sondage. |
