• I - Présentation
  
  II - Touches de la manette
  
  • A) Touche
    B) Touche
    C) Touche
    D) Touche
    E) Touche
    F) Touche
    G) Touche
    H) Touche
    I) Touche
    J) Touche
    K) Touche
    L) Touche
    M) Touche
    N) Touche
    P) Touche
    P) Touche
    Q) Touche
    R) Touche
    S) Touche
    T) Touche
  III - Trophées et online
  
  • A) Trophée ou
    B) Trophée ou
    C) Trophée ou
    D) Trophée ou
    E) Trophée ou
  IV - Mise en page du texte
  
  • A) Mettre un texte en gras
    B) Mettre un texte en italique
    C) Souligner un texte
    D) Barrer un texte
    E) Centrer un texte
    F) Changer la taille d'un texte
    G) Changer la couleur d'un texte
  V - Spoiler
  
  • A) Spoiler sans note
    B) Spoiler avec note
  VI - Image
  
  • A) Image sans redimensionnement
    B) Image avec redimensionnement
    C) Upload d'une image
  VII - Vidéo
  
  • A) Youtube
    B) Dailymotion
  VIII - Balises Troph et Ancre
  
  • A) Balise Troph
    B) Balise Ancre
  IX - Url
  
  • A) Lien url sans renommage
    B) Lien url avec renommage
  X - Liste
  
  • A) Liste sans numérotation
    B) Liste sans numérotation avec puce
    C) Liste avec numérotation numérique
    D) Liste avec numérotation alphabétique
  XI - Tableau
  
  • A) Tableau sans contour
    B) Tableau avec contour

• • I - Présentation

Ce sujet a pour vocation de vous expliciter le fonctionnement des différentes balises que vous serez amené à utiliser lors de la création ou de la mise à jour d'un guide. Vous trouverez pour chaque balise un exemple du code à utiliser ainsi que le résultat associé au code donné. Vous pourrez récupérer directement le code fourni en cliquant sur le lien "TOUT SÉLECTIONNER" et vous n'aurez plus qu'à le modifier suivant vos besoins. À noter que dans un souci de clarté et de mise en page, tous les résultats affichés dans le topic ont été centrés. Cependant, seul le code lié à la balise décrite est affiché.

• • II - Touches de la manette

• A) Touche

• B) Touche

• C) Touche

• D) Touche

• E) Touche

• F) Touche

• G) Touche

• H) Touche

• I) Touche

• J) Touche

• K) Touche

• L) Touche

• M) Touche

• N) Touche

• O) Touche

• P) Touche

• Q) Touche

• R) Touche

• S) Touche

• T) Touche

• • III - Trophées et online

• A) Trophée ou

• B) Trophée ou

• C) Trophée ou

• D) Trophée ou

• E) Trophée ou

• • IV - Mise en forme du texte

• A) Mettre un texte en gras

• B) Mettre un texte en italique

• C) Souligner un texte

• D) Barrer un texte

• E) Centrer un texte

• F) Changer la taille d'un texte

La valeur du paramètre de la balise <size> permet de définir la taille et est comprise entre 1 et 200. La valeur utilisée par défaut est 100.

• G) Changer la couleur d'un texte

Il y a deux possibilités pour changer la couleur d'un texte. La différence provient du paramètre à passer dans la balise <color>. Le premier exemple utilise le code hexadécimal de la couleur (cf http://www.code-couleur.com/ pour accéder à la palette des différentes couleurs) précédé du caractère #. Le second exemple utilise le nom anglais de la couleur.

• • V - Spoiler

• A) Spoiler sans note

• B) Spoiler avec note

• • VI - Image

• A) Image sans redimensionnement

• B) Image avec redimensionnement

Le redimensionnement d'une image se fera via les paramètres de la balise <rimg>. Le premier paramètre correspond à la largeur alors que le second correspond à la hauteur. Lorsque vous redimensionnez une image, gardez en tête de conserver les ratios entre la larguer et la hauteur pour éviter d'avoir une image déformée.

• C) Upload d'une image

Vous pourrez utiliser le site d'hébergement que vous souhaitez pour ainsi pouvoir insérer vos propres images. Sachez que PSTHC dispose également de son propre hébergeur. Pour y accéder, voici le lien : http://www.psthc.fr/upimage.php. Cet hébergeur n'accepte pas les fichiers de plus de 2 Mo et il ne gère pas la transparence. Il créera à partir de votre fichier un lien permettant d'afficher l'image uploadée, à l'aide de la balise <img>. Pour récupérer ce lien, vous n'aurez qu'à sélectionner votre image grâce au bouton "Parcourir" et à cliquer sur le bouton "Envoyer". Le lien sera disponible dès que l'upload sera terminé.

Dans le cas où l'une des dimensions de votre image est supérieure à 600 x 400 pixel, l'hébergeur créera automatiquement une image redimensionnée ainsi qu'un lien permettant d'afficher l'image uploadée en taille réelle en cliquant dessus. Dans ce cas, pour afficher directement l'image dans sa taille réelle (dans le cas d'une bannière par exemple), il suffira de retirer le "s" qui apparaît à la fin du nom de l'image.

• • VII - Vidéo

• A) Youtube

• B) Dailymotion

• • VIII - Trophées et Ancre

Les balises <ancre> et <troph> sont complémentaires dans la mesure où la première crée un signet dans la page, et la seconde crée un renvoi vers ce signet. Dans l'immense majorité des cas, à la rédaction d'un guide, vous n'aurez pas besoin d'utiliser la balise <ancre>. Les signets des descriptions des trophées sont automatiquement crées, vous n'aurez donc qu'à gérer la balise <troph> pour renvoyer aux descriptions de trophées.

• A) Balise Troph

La balise <troph> permet de créer un lien vers n'importe quel endroit du message. Le nom du lien n'a pas importance si ce n'est d'avoir un nom significatif pour indiquer l'endroit où il redirige. Par contre, il faudra être attentif au numéro passé en paramètre de la balise pour éviter les conflits, c'est-à-dire pour éviter que le lien ne pointe sur le mauvais signet. Lors de la création d'un guide, chaque trophée possède automatiquement un signet. Le code à copier pour y renvoyer est directement écrit dans le générateur, au dessus dudit trophée. Dans le cas du doute, vous n'aurez qu'à le copier-coller.
Si vous voulez créer vous-même d'autres signets, prévoyez dans ce cas de commencer votre numérotation avec un numéro assez grand (par exemple 200) pour être à l'abri du moindre problème.

• B) Balise Ancre

La balise <ancre> est donc la balise complémentaire de la balise <troph>. En effet, comme vu précédemment, la balise <troph> permet de créer un lien vers un signet. La balise <ancre> permet de définir la position du signet, c'est-à-dire l'endroit où le lien vous redirigera. Dans la majorité des cas de création d'un guide, ne vous souciez pas de cette balise.

• • IX - Url

• A) Lien url sans renommage

• B) Lien url avec renommage

• • X - Liste

• A) Liste sans numérotation

Code	Résultat
Code : Tout sélectionner [list]Ligne 1 Ligne 2 Ligne 3 etc...[/list]	Ligne 1 Ligne 2 Ligne 3 etc...

• B) Liste sans numérotation avec puce

Code	Résultat
Code : Tout sélectionner [list][*]Ligne 1 [*]Ligne 2 [*]Ligne 3 [*]etc...[/list]	Ligne 1 Ligne 2 Ligne 3 etc...

• C) Liste avec numérotation numérique

Code	Résultat
Code : Tout sélectionner [list=1][*]Ligne 1 [*]Ligne 2 [*]Ligne 3 [*]etc...[/list]	Ligne 1 Ligne 2 Ligne 3 etc...

• D) Liste avec numérotation alphabétique

Code	Résultat
Code : Tout sélectionner [list=A][*]Ligne 1 [*]Ligne 2 [*]Ligne 3 [*]etc...[/list]	Ligne 1 Ligne 2 Ligne 3 etc...

• • XI - Tableau

• A) Tableau sans contour

Avant de vous donner le code et le résultat liés aux tableaux, il est préférable de s'attarder un peu sur les différentes balises que vous serez amené à utiliser dans le cadre de la création/modification d'un tableau.

La balise <table> : Il s'agit de l'ossature de votre tableau. Tout le code associé aux lignes, aux colonnes et aux données sera à insérer à l'intérieur de cette balise <table>.

La balise <tr> : Il s'agit de la balise liée à une ligne de votre tableau. Vous pouvez ajouter autant de lignes que vous voulez mais les balises <tr> ne doivent pas se chevaucher. Une ligne peut contenir 1 ou plusieurs colonnes. Dans le cas où votre tableau contient une seule colonne, il est conseillé de privilégier l'emploi de la balise <list>.

la balise <td> : Il s'agit de la balise liée à une colonne de votre tableau. Comme indiqué précédemment, il peut y avoir 1 ou plusieurs colonnes dans une ligne. Cependant, faites attention à ne pas faire se chevaucher les balises <td>. C'est à l'intérieur des balises <td> que vous devrez insérer les données que vous souhaitez afficher dans votre tableau.

• B) Tableau avec contour

Rassurez-vous si vous avez compris comment fonctionne les différentes balises liées à l'utilisation du tableau, vous n'aurez aucune difficulté à rajouter un contour à n'importe quel tableau. L'utilisation des balise <tr> et <td> reste strictement identique. Le seul changement se situe au niveau de la balise <table> qui peut accepter deux paramètres et qui s'écrira sous la forme <table=X,Y>. Le premier paramètre correspond à l'épaisseur du contour avec 1 comme contour le plus fin. Plus vous augmenterez la valeur de ce premier paramètre et plus le contour sera épais. À noter que si vous mettez 0 comme valeur, cela reviendra à utiliser la balise <table> sans paramètre et donc sans contour. Pour le deuxième paramètre, aucune incidence sur la tableau peu importe la valeur saisie. Mettez donc la valeur 1 par défaut.