29 mars 2024
Bonne fête Gwladys

1227731 visiteurs
1463240 pages vues

Règles d'affichage des informations défilantes

Les informations défilantes sont composés de plusieurs textes et images, ceci afin que chacun puisse trouver son bonheur dans l'affichage des informations. En fonction des textes que vous avez rédigés, et ceux que vous n'avez pas remplis, l'affichage ne sera pas le même. Voici donc les règles appliquées pour la mise en forme graphique.

 

Nombres d'informations par ligne

Quand vous créez votre module d'informations défilantes, le logiciel vous demande combien d'informations vous voulez sur chaque ligne. Ceci permet d'afficher les informations1 par 1,  2 par 2, 3 par 3, 4 par 4 ou 5 par 5 en fonction du chiffre que vous avez saisi. Exemple : sur le module qui se trouve en haut de cette page, il y a deux informations par ligne. Ces informations sont donc affichées 2 par 2. Vous pouvez modifier ce chiffre à tout moment en modifiant les paramètres du module.

 

Les règles pour chaque information

Chaque information peut être composée des élements suivants :

  • Une image
  • Une adresse Internet
  • Un titre
  • Une introduction
  • Un texte détaillé.

Vous n'êtes pas obligés de tout saisir,  il faut au moins un élément de saisi pour que l'information soit acceptée. Voici les règles : 

  • Si vous mettez une image, elle sera placée à gauche du texte. Si vous ne mettez pas d'image, tout l'espace du bloc d'information sera réservé au texte.
  • Si vous fournissez une adresse Internet, elle sera appliquée comme lien sur l'image (si elle existe). Si vous n'avez pas mis d'image, un lien sera créé sur les mots "En savoir plus", en bas de l'informations
  • Les textes sont ensuite écrits dans l'ordre suivant :
    • Le titre (écrit en gras)
    • Le texte d'introduction
    • Si vous avez fourni un texte détaillé, un lien marqué "Lire la suite" sera mis en dessous du titre et de l'introduction, pour que vous puissiez fournir plus de détails. 
    • Si vous n'avez pas écrit de titre ni d'introduction, ce lien "Lire la suite" n'est pas présent : le texte détaillé sera écrit directement dans le bloc d'informations (à droite de l'image si elle existe)

Exemple ci-dessous : 

infos creer6

 

L'avantage de ce fonctionnement est qu'il vous permet de régler finement l'affichage de vos informations défilantes, et de les rendre complètement paramétrables. Ainsi, sur le module d'information du haut, j'ai mis les éléments suivants : 

  • Une image
  • Une adresse Internet
  • Un texte d'introduction

IL n'y a pas de texte détaillé (donc pas de lien "Lire la suite") et il n'y a pas non plus de titre.

 

Affinez l'affichage

Lorsque vous allez créer votre premier module d'informations, il ne va pas être joli du premier coup : l'image sera trop grande par rapport au texte, ou pas assez grande, trop large, ou bien le module d'informations sera trop petit ou trop grand. Prenez le temps d'ajuster les différents éléments pour que l'affichage soit joli : ajoutez du texte s'il n'y en a pas assez, mettez des images à la bonne taille (il faut que l'image doit collée au bas et au haut du module, et ne soit pas coupée par le module si elle est trop grande). 

En résumé : faites plusieurs essais, prenez le temps d'ajuster les paramètres. Un module d'informations défilantes doit être très esthétique pour apporter un certain style à votre site Internet.

 

Paramétrage total

Si malgré tout cela, le module d'informations ne s'affiche pas comme vous le souhaitez, vous pouvez faire les réglages d'affichage manuellement. Mettez simplement pour chaque information un texte détaillé, sans aucune autre information (ni image, ni titre, rien...). Ce texte détaillé va alors occuper tout l'espace du bloc d'informations, vous allez donc pouvoir y écrire ce que vous voulez grâce à l'éditeur de texte, et formater graphiquement les informations comme vous le voulez. Dans l'exemple ci-dessous, je n'ai pas mis de titre ni de texte d'introduction, et le lien "En savoir plus" a été écris "à la main" dans l'éditeur de texte. Dans cet exemple, il y a un texte d'informations par ligne.


Page précédente Page suivante