SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Squelettes spéciaux > Squelettes de présentations > DiapoSpip > DiapoSpip - squelette de présentation pour SPIP (version 1.9)

DiapoSpip - squelette de présentation pour SPIP (version 1.9)

29 septembre 2006 – par rpapa

1 vote

Diapospip est un squelette conçu pour réaliser des diaporama

-  Nom du Squelette : DiapoSpip 1.9
-  Version du squelette : 1.9
-  Auteur : rpapa
-  Licence : Creative Common
-  Compatibilite SPIP : compatible SPIP > 1.9
-  Site(s) exemple : Formation spip
-  Principales fonctionnalités et spécificités :

  • Diaporama

Ce squelette permet de réaliser une présentation (Diaporama)

Une mise à jour pour spip2.0\beta est disponible <art2852>.

-  Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
oui windows Internet explorer IE6
oui windows Firefox .
non windows Mozilla 1.0.1
non windows Phoenix .
oui windows Opera .
non Mac Internet explorer .
non Mac Netscape .
non Mac Chimera .
non Mac Mozilla .
non Mac Phoenix .
non Mac Opera .
non Unix/Linux Netscape .
non Unix/Linux Mozilla .
non Unix/Linux Phoenix .
non Unix/Linux Opera .

Donnez-moi votre avis via le forum de cet article et aidez-moi à optimiser ce squelette pour toute plateforme.

Pourquoi ce squelette

Ce squelette est l’évolution pour spip 1.9 du squelette DiapoSpip - squelette de présentation pour SPIP

Comme la version précédente ce squelette n’utilise que des fonctionnalités SPIP (pas de Javascript ni de PHP dans le squelette) et chaque diapositive correspond à une article et est chargée indépendamment des autres.

Installation

Copier le contenu du fichier zip à la racine de votre site, les squelettes se strouvent dans le répertoire /squelettes/

C’est fait !

Utilisation

Réalisation de diaporama

Fonctionnalités

Chaque rubrique constitue une présentation, les articles de la rubrique sont les différentes diapositives.

-  La première diapo de la présentation comporte le DESCRIPTIF de la rubrique et le sommaire de la présentation ;
-  un menu déroulant permet d’accéder directement à la diapo souhaitée ;
-  des flèches de navigation permettent de passer d’une diapo à la suivante (ou la précédente) ;
-  le logo de la rubrique est affiché en haut à gauche.
-  ecran redimensionnable (800x600, 1024x768, Largeur max).

Seuls les champs #TITRE et #TEXTE de chaque article sont affichés.

PNG - 24.8 ko
page de sommaire
PNG - 31.8 ko
Diapositive
PNG - 4.1 ko
Menu déroulant et flèches
PNG - 6 ko
Redimensionnement écran

Personnalisation

La feuille de style principale est presentation.css, vous pouvez la modifier pour la rendre conforme à la charte graphique de votre site.

L’archive comporte 3 autres feuilles de style
Ces trois feuilles définissent l’écran de projection du diaporama, respectivement

styleDimensions
ecran1.css 800x600 px
ecran2.css 1024x768 px
ecran3.css Largeur max

Le choix de la dimension se fait en cliquant en haut à droite de l’écran sur la diapo, la dimension est mémorisée pendant la session.

Structure du squelette Diapospip

Vous n’avez pas besoin de lire ce qui suit pour un simple utilsation du squelette

Le squelette Diapospip 1.9 est architecturé autour du fichier [*squelette.htm*] . Celui-ci est appelé par les squelettes sommaire.html, rubrique.html et article.html.

Squelettes Contenu
Sommaire.html <INCLURE{fond=squelette}{skl=skl_sommaire}{style}>
Rubrique.html <INCLURE{fond=squelette}{skl=skl_rubrique}{id_rubrique}{id_article}{style}>
Article.html
<BOUCLE_article(ARTICLES){id_article}>
<INCLURE{fond=squelette}{skl=skl_rubrique}{id_rubrique}{id_article}{style}>
</BOUCLE_article>

On constate que que ces trois squelettes ne font que <INCLURE ..> le fond squelette avec les paramètres :
-  skl

  • le paramètre skl a pour valeur skl_sommaire, skl_rubrique, skl_article suivant que l’on souhaite afficher respectivement le sommaire, un rubrique ou un article

-  id_article, id_rubrique

  • passage de paramètre pour les boucles

-  style.

  • ce paramètre est utilisé pour préciser la dimension de l’affichage.

3Le squelette squelette.html3

pour expliquer la structure de ce fichier, le plus simple est de commenter le code

Ce squelette ne comporte que les <div> ... </div>

de la feuille de style et des <INCLURE ..> dépendant du paramètre skl, ainsi, le contenu principal de la diapositive est sélectionné par

qui se lit
-  si (#ENV{skl} est égal à skl_sommaire, inclure le contenu_sommaire
-  si (#ENV{skl} est égal à skl_rubrique alors inclurer le contenu_rubrique avec les paramètres id_rubrique et id_article

3Avantages de la structure3
Cette structure permet de prolonger et d’affiner la notion de noisette dans Spip, ici les différents squelettes sont structurés autour d’un « tronc » commun, le fichier squelette qui gère la forme (la feuille de style), le contenu (les branches et le noisettes) etant inclu en fonctions des paramètres passés.

L’avantage principal est la modularité pousée à l’extrème, chaque squelette élémentaire à une fonction et une seule

Voir en ligne : http://rpapa.olympe-network.com/Diapospip/spip.php?rubrique1&style=1

Dernière modification de cette page le 2 août 2009

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?

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

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • GIS 4

    11 août 2012 – 1288 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Metas +

    3 décembre – 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, (...)