DiapoSpip

- 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é ?	Plateforme	Navigateur	Version
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.


page de sommaire


Diapositive


Menu déroulant et flèches


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

style	Dimensions
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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
    <meta http-equiv="Content-type" content="text/html; charset=#CHARSET"/>
    <meta name="revisit-after" content="10 days"/>
    <meta name="robots" content="index,follow"/>
    <INCLURE{fond=header}{id_rubrique}{id_article}{style}>

<link href="#CHEMIN{presentation.css}" type="text/css" rel="stylesheet" />
<link href="#DOSSIER_SQUELETTE/ecran[(#ENV{style,1})].css" type="text/css"  rel="stylesheet" media="screen"/>


</head>
<body >

<div id="entete"><div class="colonne-inter">
[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
 <INCLURE{fond=entete_rubrique}{id_rubrique}{id_article}{style}>
]

[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
 <INCLURE{fond=entete_sommaire}{style}>
]
<br class="alaligne" />
</div></div>

<div id="contenant-principal1"><div id="contenant-principal2">

	<div id="contenant-centre"><div class="colonne-inter">
		<div class="bloc-horizontal">
[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
 <INCLURE{fond=contenu_rubrique}{id_rubrique}{id_article}{style}>
]
[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
 <INCLURE{fond=contenu_sommaire}{style}>
]

                </div>
                </div>
                </div><!--fin colonne inter--></div><!-- fin contenant centre-->

	<div class="alaligne">&nbsp;</div>

</div>

<div id="contenant-pied"><div class="colonne-inter">
        <h3 class="auteurs">
	    <BOUCLE_equipe(ARTICLES)
		  {id_rubrique}><BOUCLE_auteurs(AUTEURS)
		    {id_article}{doublons}{" "}
		    >#NOM</BOUCLE_auteurs></BOUCLE_equipe>
	      </h3>
         <br class="alaligne" />

</div></div>

</body></html>

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

[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
 <INCLURE{fond=contenu_rubrique}{id_rubrique}{id_article}{style}>
]
[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
 <INCLURE{fond=contenu_sommaire}{style}>
]

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

Répondre à cet article

Qui êtes-vous ?

Nom [Se connecter]
Courriel (non publié)

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. )

Texte de votre message
Prévenez-moi de tous les nouveaux commentaires de cette discussion par email

Ajouter un document

gif, jpg, png

Ça discute par ici

GIS 2 / GIS 3

28 août 2011 – 418 commentaires

Présentation et nouveautés GIS2 est une mise à jour majeure du plugin GIS Escoitar. Le plugin permet d’attacher des points géolocalisés aux objets de SPIP afin de les afficher sur des cartes dans les pages de votre site. GIS2 utilise une librairie (...)

SPIP 3.0.9 / 2.1.22 / 2.0.23 : corrections de bug et faille critique. « En mai, fais ce qu’il te plait la mise à jour, s’il te plait »

24 mai – 1

Une faille critique a été détectée permettant à toute personne de prendre le contrôle éditorial complet du site. Les versions 2.0, 2.1 et 3.0 sont impactées. Les versions 2.0.23, 2.1.22 et 3.0.9 apportent une correction urgente et si une mise à jour (...)

Formidable, le générateur de formulaires

23 janvier 2012 – 827 commentaires

Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins avaient (...)

La Fabrique

20 avril 2012 – 141 commentaires

La Fabrique est un outil pour webmestres ou développeurs qui souhaitent créer des plugins. La Fabrique est capable de générer le code source minimal d’un plugin pour SPIP 3 (elle accélère donc le démarrage d’un plugin) et peut s’occuper également de (...)

Forums arborescents « urbAgora »

15 avril 2010 – 5

Gère l’affichage de forums arborescents dépliables, avec JQuery. Ce plugin a été développé par et pour l’asbl urbAgora (Liège). Démo Pour voir à quoi ressemble ce plugin en fonctionnement, se référer par exemple au forum de cette page. Installation En (...)

SPIP-Contrib

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

Pourquoi ce squelette

Installation

Utilisation

Fonctionnalités

Personnalisation

Structure du squelette Diapospip

Rubriques

Derniers commentaires

Compatibilité

Téléchargement(s)

Sur le Web

Répondre à cet article

Ça discute par ici

GIS 2 / GIS 3

SPIP 3.0.9 / 2.1.22 / 2.0.23 : corrections de bug et faille critique. « En mai, fais ce qu’il te plait la mise à jour, s’il te plait »

Formidable, le générateur de formulaires

La Fabrique

Forums arborescents « urbAgora »

Ça spipe par là

SPIP Blog

SPIP Party

SPIP Forums

SPIP-Zone

SPIP SVN