SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 298 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Squelettes de présentations > S5 Slide Show > Squelette S5 Slide Show

Squelette S5 Slide Show

9 août 2005 – par Bourgeon, Déesse A. , Fil – commentaires

2 votes

-  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

Dernière modification de cette page le 10 novembre 2007

Retour en haut de la page

Vos commentaires

  • Le 15 novembre 2009 à 09:32, par ? En réponse à : Squelette S5 Slide Show

    J’obtiens simplement le meme usage avec #PAGINATION et ++++
    avec un simple article pour toute la presentation, donc une rubrique (eventuellement un squelette specifique) pour toutes mes presentations

    Répondre à ce message

  • Le 18 janvier 2008 à 09:17, par jp moody En réponse à : Squelette S5 Slide Show

    bonjour j aimerais savoir si le Squelette S5 Slide Show est il un squelette a par entiere ?
    car j ai un site spip avec deja un sequelette don je ne peu modifier pour le moment, et j aimerais integrer S5 pour faire un diaporama. (creer une sorte de pluguing)
    merci de votre aide.
    cordialement jp_moody@hotmail.fr

    Répondre à ce message

  • Le 6 mai 2007 à 00:20, par Jislenn En réponse à : Squelette S5 Slide Show

    Pour le fichier rubrique-XX.html, pas de problème, mais pourrait-on avoir plus de précisions sur le fichier rubrique=XX.html. Merci

    Répondre à ce message

  • Le 12 mars 2007 à 18:02, par Christian Effenberger En réponse à : Squelette S5 Slide Show Reloaded

    Désolé, mais moi ne parlez pas français. (Babel translation)

    My name is Christian and my profession is web design and programming. When I searched for a browser based slide show system which should answer my personal needs I encountered S5 (Simple Standards-based Slide Show System) from Eric Meyer. This format/program could match my concept of a slide show system best. Since the control panel and the features did not please me at all - I thought it could be a good thing to extend S5 to a higher level.

    S5 1.3 additional Features :

    #1 Auto-scaling of text/images/objects

    #2 Soft transitions (fading)

    #3 Auto Play (autorun)

    #4 Sound support

    #5 Extended control panel

    #6 Advanced New Themes

    Répondre à ce message

  • Le 10 février 2007 à 18:29, par Fil En réponse à : Squelette S5 Slide Show

    Je viens de faire une mise à niveau complète du squelette sur SPIP Zone ; il faudra revoir la documentation (en fait, la simplifier). On a désormais, entre autres avantages, une compatibilité avec les crayons, et 6 thèmes, tous fonctionnels (même si un ou deux sont vraiment très moches).

    Répondre à ce message

  • Le 19 août 2005 à 16:34, par jean-noel En réponse à : > Squelette S5 Slide Show

    J’aime beaucoup mais
    -  avec Firefox l’affichage textes et images est parfait seul un problème de défilement des « diapositives » on peut effectivement descendre à la dernière et remonter à la première mais pas à la page de départ ou sont indiquées les sous/rubriques. On peut descendre en faisant un clic sur la surface de la page par contre pour remonter il faut faire l’appel sur <<
    -  avec IE vient en plus de ces "problèmes" un affichage en gras des caractères ce qui pour certaines diapositives créer un débordement du texte en bas de page en partie caché par le cadre infèrieur.

    petite question supplémentaire comment remplacer les signes << et >> par des images ?
    merci pour cette contribution cordiales salutations

    Répondre à ce message

  • Le 17 août 2005 à 09:18, par pgiron En réponse à : > Squelette S5 Slide Show

    Pas mal du tout mais :
    -  il faut penser à modifier le code de la page sommaire pour que les diapos n’apparaissent comme des nouveautés diapo par diapo en page d’accueil !
    -  il faut aussi penser à mettre un peu partout le filtre supprime_numéro (dans le plan du site par exemple).
    -  il manque dans le diaporama une icone pour sortir d’icelui.
    Voili voilà...

    Philippe

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Métas +

    3 décembre – 12 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

  • Configurer Sparkpost

    25 avril – 18 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 21 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

Ça spipe par là