Ce diaporama est tout simplement la retranscription en mode SPIP du système S5 d’Eric Meyer, grand gourou des standards du web, dont vous pouvez voir la demo directement.

Il a déjà fait l’objet d’une contrib que je n’ai pas essayé [1]. Mais je vous propose quand même ce squelette que j’utilise dans le cadre professionnel. J’ai modifié quelque peu les fichiers du système S5 : les feuilles de style bien sûr pour les adapter et le javascript (slide.js [2]) qui gère l’interaction avec l’utilisateur.

Ce squelette fonctionne pour une rubrique et toutes ses rubriques descendantes mais on peut l’adapter à d’autres usages : mot clés, etc.

Comment je m’en sert ?

J’ai un premier Powerpoint qui contient les liens vers chaque formation. Cela me permet d’avoir toute une arborescence de formations en un clic de souris et sans changer d’interface graphique.

 les liens externes sont ouverts dans une autre fenêtre [3] ;
 l’icône de la rubrique/formation est reprise dans toutes les pages ;
 un sommaire listant d’abord les sous formations ensuite les pages est géré automatiquement ;
 dans le pied de page il y a un chemin qui permet de remonter dans les powerpoints parents ; c’est très pratique.
 les articles peuvent avoir le même titre, cependant, il n’apparaitra qu’une seule fois dans le sommaire ;

Dans la doc d’Eric Meyer, vous verrez qu’il y a tout un tas d’options que l’on peut activer en positionnant des divs.

Testé sur ces navigateurs

 Firefox
 Opera [4]
 Internet explorer 6

Installation

Il faut installer le répertoire ui à la racine de votre site et placer le squelette rubrique-90.html dans votre répertoire des squelettes en prenant soin de le renommer en rubrique-[Votre numéro de rubrique].html.

Pour adapter la feuille de style, il faut modifier le fichier pretty.css et aucun autre.

Si vous utilisez cette contrib çà serait sympa de me prévenir.