Créer un diaporama (images défilantes)

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Créer un diaporama (images défilantes)

Message par Shadow le Mar 24 Mar 2015 - 16:05

Créer un diaporama (images défilantes)


Ce tutoriel vous explique comment créer facilement un diaporama d'images (slide show) à l'aide d'un formulaire.

Présentation du formulaire


Pour commencer, rendez-vous sur la page de notre formulaire.

Vous devez trouver cette page:


La première partie explique comment le remplir et la deuxième partie contient les champs à renseigner afin de créer un diaporama personnalisé.

Les explications suivantes vous permettront de compléter facilement le formulaire pour créer le diaporama que vous souhaitez.

Comment remplir le formulaire?


Le formulaire offre différents paramètres pour la présentation des images ou leur défilement.

Si les instructions sur la page du formulaire ou les infobulles n'étaient pas assez détaillées, voici des explications sur comment remplir correctement le formulaire. Smile

Configuration générale


Il y a 6 champs à paramétrer, divisés dans 3 groupes: paramètres de défilement, paramètres de taille, paramètres de couleurs.



  1. Paramètres de défilement: Les paramètres sont définis en millisecondes. Une milliseconde est un millième de seconde. Ainsi 1000 millisecondes (ms) = 1 seconde.

    - Durée d'affichage d'une diapo: Définit la durée pendant laquelle une diapositive est affichée en millisecondes.
    - Durée de l'effet de transition: Définit la durée de l'effet de transition (ici fondu) en millisecondes.

  2. Paramètres de taille:Ils permettent de définir la taille des images du diaporama. La taille est à indiquer en pixel (px).

    - Hauteur: Définit la hauteur des images
    - Largeur: Définit la largeur des images

  3. Paramètres de couleur: Ils définissent la couleur de fond et des bordures du diaporama. Les couleurs sont à définir à l'aide de codes hexadécimaux (#FFF) ou en indiquant le nom des couleurs (black, blue...)

    - Couleur de fond: Définit la couleur de fond du diaporama
    - Couleur de la bordure: Définit la couleur de la bordure

Pour les codes couleurs, voir ici: Tuto Nomination & Couleurs

Configuration des diapos


Pour chaque diapositive, trois champs, dont un obligatoire sont disponibles: lien, lien de l'image, titre de l'image.



- Lien: C'est le lien vers lequel on est redirigé lors du clic sur l'image
- Lien de l'image: C'est l'adresse de l'image (se finit couramment en .jpg, .png)
- Titre de l'image: C'est une brève description de l'image (exemple: Thème Hitskin Harry Potter)

Les boutons du formulaire


Une fois les informations remplies, trois boutons sont affichés.


Supprimer la diapo: Supprime la dernière diapo créée
Ajouter la diapo: Enregistre la diapo et permet d'en ajouter une suivante
Générer le code: Une fois terminé le code peut être généré pour être collé sur le forum

Le code généré


Une fois le code généré, il est possible de le copier sur son forum.


Il est également possible de prévisualiser le diaporama pour modifier avant copie du code.
Enfin, en copiant une code dans le champ vierge, il est possible de le modifier en cliquant sur éditer le code.

Où placer le code du diaporama?


Le code du diaporama peut être placé n'importe où le HTML est accepté, par exemple dans une page HTML, un message de page d'accueil ou un widget.

Panneau d'Administration > Modules > HTML & Javascript > Gestion des pages HTML
Panneau d'Administration > Affichage > Généralités > Message de page d'accueil
Panneau d'Administration > Modules > Gestion des widgets du forum

Comment installer le formulaire sur mon forum?


Le formulaire est libre de droit et vous pouvez utiliser son code ou le modifier si vous le souhaitez. Le code a été créé par Ange Tuteur du forum de support anglais et est disponible ici.

Pour l'ajouter, il faut ouvrir le fichier slide show generator.html, copier le contenu et aller dans le Panneau d’Administration > Modules > Gestion des codes HTML puis le coller dans une page créée en mode avancée:



Titre: Formulaire diaporama
Voulez-vous utiliser le haut et le bas de page de votre forum ? : Oui

Une fois la page enregistrée, cliquer la loupe pour l'afficher ou y accéder directement via l'adresse de la page (URL du lien).



Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23753
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum