Squelette S5 Slide Show

-  Auteurs :

  • Eric Meyer (XHTML, CSS, Javascript)

-  Adapté pour SPIP par Pierre Bourgeois, Emmanuel Saint-James, Fil
http://www.spip-contrib.net/Squelette-S5-Slide-Show

-  Compatible avec le plugin Crayons !

-  Licence : Creative Commons by-sa

Principales fonctionnalités et spécificités

Il s’agit d’un portage du moteur Slide-Show S5 de Eric Meyer qui permet de créer des présentations avec du CSS et du Javascript. Pour son fonctionnement sous SPIP, le squelette nécessite à la base 2 fichiers : rubrique=XX.html, rubrique-XX.html et slides.js. Le premier génère une liste de toutes les présentations du site. Le deuxième génère la présentation comme telle avec l’ensemble des diapositives. Le dernier constitue le moteur javascript de l’application. Les feuilles de styles sont dans le répertoire slideshow/UI.

Installation

  1. Mettre le répertoire s5-slideshow dans le répertoire squelettes/ (ou quelque part sur le « chemin » du système)
  2. Dans l’espace privé de SPIP, créer une rubrique pour vos présentations
  3. Noter l’identifiant de cette rubrique (id_rubrique = 196)
  4. Créer une sous-rubrique par slideshow
  5. Créer alors dans squelettes un fichier rubrique-196.html contenant exactement :

<INCLUDE{fond=s5-slideshow/s5}{id_rubrique}{theme=yatil}>

la partie theme=yatil permet de spécifier un thème, à choisir parmi ceux qu’on aura installés dans le sous-répertoire s5-slideshow/ui/ :
blue
default
flower
i18n
pixel
yatil

Utilisation SPIP

  • Pour créer une présentation il faut créer une sous rubrique dans la rubrique présentations ;
  • Créer un article pour chaque diapositive ;
  • Numéroter le titre de chaque article selon la syntaxe XX. Titre afin de trier les diapositives selon la logique de la présentation que vous souhaitez ;
  • Utiliser le champs texte de l’article pour le contenu et les images ;
  • Pour les points d’une diapositive vous pouvez utiliser les raccourcis typographiques -* (une liste à puces), - (les puces SPIP standards) ou -# (pour numéroter vos points) ;
  • Il est à noter que le premier article (donc la première diapositive) est considéré par S5 comme la diapositive d’introduction. Dans ce cas, le titre s’affiche dans l’espace blanc et avec une dimension légèrement supérieure, la première diapositive se distinguant ainsi des autres diapositives.
  • Enfin, le contenu du descriptif de la rubrique d’une présentation s’affichera dans le coin inférieur de toutes les diapositives (sous le titre de la présentation)

Personnalisation

  • Vous pouvez modifier l’aspect graphique en éditant les feuilles de style dans le répertoire UI ;
  • Des thèmes graphiques sont disponibles sur le site d’Eric Meyer ;
  • Pour plus d’information sur le fonctionnement de S5 consulter son site officiel

Testé sur ces navigateurs

Testé ? Plateforme Navigateur Version
oui Windows Internet Explorer 6
oui Windows Firefox 1.03
oui Windows Opera [1] 8.0
oui MAC Safari 1.3 (v312)
oui MAC Firefox 1.01
oui MAC Explorer 5.2
oui MAC Netscape 7.2
non MAC Opera  ?

À améliorer

Imposer une réduction des images pour contrôler l’affichage sur des écrans plus petits.


Notes

[1Fonctionne au format Opera Show 1.0

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom