IENSP-X version Pleine Page pour SPIP 2.1

samedi 19 février 2011, par Doc Mac, Stéphane Kus

| 14

Présentation

Nom du Squelette : "IENSP-X Pleine Page"
Version du squelette : 3.2
Auteurs : Doc Mac (Design) et Stéphane Kus (programmation)
Licence : GPL
Compatibilite SPIP : compatible SPIP > 2.0
Visualiser
Développement sur SPIP-Zone depuis la version 3.2

Principales fonctionalités et spécificités

Un squelette éditorial avec une barre de navigation et un menu déroulant à 3 niveaux tout en CSS, ainsi qu’un portfolio qui utilise le plugin Thickbox2.

Le but a été d’obtenir une variante du squelette IENSP avec un habillage graphique sympa très facile à modifier puisqu’il suffit de modifier 3 images.

Cette version d’IENSP-X adapte les squelettes pour que le site s’affiche en pleine page du navigateur, sans bordures, et s’adapte à la taille de la fenêtre lorsqu’elle est redimensionnée
Pour fonctionner le portfolio nécessite l’installation du plugin Thickbox
Cette version intègre un calendrier dans la page d’accueil (nécessite l’installation du plugin Agenda 2 dans le répertoire plugins/ à la racine de votre site et leur activation dans l’espace privé).
la version 3.1 corrige un bug de compatibilité avec Thickbox.
la version 3.2 adapte les squelettes pour SPIP 2.1

Il est à noter que IENSP-XvPP utilise le filtre supprimer_numero qui vous permet d’ordonner vos rubriques en leur ajoutant un numéro qui sera invisible dans l’espace public. Pour faire apparaître les rubrique dans l’ordre que vous souhaitez il suffit de les nommer de la manière suivante :

01. marubrique
02. marubrique
Attention : vous devez obligatoire mettre un espace après le point pour que ça fonctionne.

Testé sur ces navigateurs

Testé ?	Plateforme	Navigateur	Version
oui	windows	Internet explorer	7
oui	windows	Firefox	.
oui	Mac	Safari	.
oui	Mac	Firefox	.
oui	Mac	Opera	.
oui	Unix/Linux	Firefox	.

Personnaliser le squelette

Vous pouvez aisément personnaliser ces squelettes : il suffit de modifier 3 images :
/squelettes/images/fond.gif pour modifier l’arrière plan des pages
/squelettes/images/fondbarre.png pour modifier la barre de navigation et du pied de page
/squelettes/images/ArtWindTop.png pour modifier la barre du haut des différents blocs de la page.

N’hésitez pas à donner votre avis (par mail ou via le forum de cet article).

Téléchargement


A télécharger sur Spip-zone : IENSP-X version Pleine Page


A télécharger sur Spip-zone : IENSP-X version Pleine Page avec ImageFlow+Highslide

Vos commentaires

# Le 14 décembre 2008 à 15:47, par Gilles En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

Bonjour,

Très beau squelette.

En l’utilisant pour un site j’ai remarqué qu’il manquait une partie de la boucle "nouveauté sur le web"
# Le 14 décembre 2008 à 17:26, par Stéphane Kus En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

Merci,
Je vais corriger ça

Stéphane
# Le 29 décembre 2008 à 08:13, par Gilles En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

Bonjour,

Pour cette version, l’effet thickbox ne fonctionne pas sur le portfolio.

Le lien sur les vignettes renvoie sur l’article lui même.

Cela se vérifie y compris sur ce site lorsqu’on affiche la galerie en sélectionnant ce squelette.
# Le 29 décembre 2008 à 12:24, par Stéphane Kus En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

Je viens de faire la correction pour IENSP standard, ça ne devrait pas tarder pour IENSP-X.

@+
Stéphane
# Le 29 décembre 2008 à 12:45, par Stéphane Kus En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

C’est dans la boîte, tu peux télécharger la version 3.1 qui corrige le bug.
# Le 13 janvier 2009 à 14:09, par Stéphane Kus En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

test forum
# Le 27 octobre 2009 à 21:43, par sobo En réponse à : mise en page des articles en page sommaire

Bonjour
merci pour ce squelette que j’aime bien.
J’aimerais que les articles soient mieux affichés en page d’accueil. Il n’ont pas de mise en forme.
Mes surtitres ne sont pas en couleur.
Le texte du chapeau n’est pas séparé du corps de l’article.
Les textes ne gardent pas leur mise en page (retour à la ligne par exemple)

On a donc du texte ’en bloc’ pas très clair sur la page d’accueil.

J’ai essayé de voir dans les CSS mais ne trouve pas. J’ai essayé de modifier la page sommaire mais ça bugue complètement.

Auriez vous une solution ?
Site : http://teleclass.free.fr

Merci
# Le 29 octobre 2009 à 20:15, par sobo En réponse à : mise en page des articles en page sommaire

Hum je m’auto-réponds. Je vois sur votre page de démo que c’est ainsi que fonctionne le squelette IENSP X PP : pas de mise en forme des articles sur la page sommaire. Bon, c’est un peu dommage.
Y aurait il néanmoins possibilité de n’afficher que le chapeau et pas le corps de l’article ?
# Le 29 octobre 2009 à 21:39, par Stéphane Kus En réponse à : mise en page des articles en page sommaire

Bonsoir,

Désolé d’avoir tarder, j’étais en vacances...

La réponse à tes questions se trouve effectivement à la fois dans le fichier sommaire.html pour le contenu et dans le fichier habillage.css pour la forme...

Dans le fichier sommaire, la balise SPIP utilisée pour les articles est #INTRODUCTION qui affiche les 600 1ers caractères (Chapeau plus texte). tu peux sans problème (ligne 49) la remplacer par #CHAPO qui n’affichera que le chapeau.

Pour la mise en forme tu peux par exemple rajouter cette ligne dans le fichier habillage.css pour justifier le texte :
li.une .texte {text-align: justify;}

Pour la couleur du surtitre, même principe :
li.une .surtitre {color: rgb(51,102,255);

Par ailleurs, je te conseillerais bien de rajouter cette ligne pour que la barre de navigation descende sous le fond bleu de l’entete :
#entete {min-height: 145px;}

en espérant t’avoir aider,

Stéphane
# Le 30 octobre 2009 à 01:33, par sobo En réponse à : mise en page des articles en page sommaire

Super !! Merci beaucoup pour cette aide, et le conseil pour l’entête.
Il reste un truc qui cloche :
J’aurais aimé pouvoir dissocier titre et surtitre dans la mise en forme en page sommaire.
Mais dans les css ils vont ensemble

.liste-une li .titre,.surtitre { color: #99CCCC; font-size: 1.15em; font-weight: bold; }

J’ai essayé de les dissocier en 2 paragraphes distincts mais ça refuse. Aurais-tu une solution stp ?
# Le 30 octobre 2009 à 14:09, par Stéphane Kus En réponse à : mise en page des articles en page sommaire

Tu peux remplacer le bloc que tu cites par :

.liste-une li.une .surtitre { color: #99CCCC; font-size: 1.15em; font-weight: bold; } .liste-une li.une .titre { color: #99CCCC; font-size: 1.15em; font-weight: bold; } .liste-une li.une .soustitre { color: #99CCCC; font-size: 1.15em; font-weight: bold; }

Tu pourras ensuite modifier chaque élément séparemment.

@+
# Le 30 octobre 2009 à 15:47, par sobo En réponse à : mise en page des articles en page sommaire

Merci, ça marche !
You’re wonderful :)
All the best for the future & ever after
# Le 21 février 2010 à 15:36, par Danièle LV En réponse à : IENSP-X version Pleine Page pour SPIP 2.0

Bonjour,

J’utilise depuis quelques temps votre squelette X plein page pour spip 1.9 qui marche parfaitement.

Pour un autre site plus récent j’ai voulu utiliser le squelette X Plein Page pour spip 2.0 VERSION 3.1 mais je me heurte à 1 problème :
les textes enregistrés dans "texte explicatif" des rubriques, les notes de bas de page et les ps apparaissent centrés et ne peuvent être changés.

J’ai essayé de modifier habillage : chapo, ps et notes en indiquant text-align : justify mais cela ne fonctionne pas.
Et de modifier rubrique.htlm en indiquant :
[<div class="#EDIT{texte} chapo">(#CHAPO)</div>]
au lieu de
[<div class="#EDIT{texte} chapo">(#TEXTE)</div>]
mais cela ne mache pas

Pourtant si je change la couleur dans chapo, ps et notes cela fonctionne.

Pouvez vous m’aider ? Merci à l’avance.

DLV

DLV
# Le 28 avril 2010 à 09:11, par docmac En réponse à : Attention avec SPIP 2.1 et ce squelette

Spip 2.1 a de nombreuses différences avec les versions antérieures, aussi dans certains cas le squelette IENSP-X pour Spip 2.0 peut poser problème.

1er cas : le fichier Backend bloque les flux RSS sortant que l’on utilise pour les Widget Mac OSX et pour les applications iPhone.

Dans ce cas remplacez dans le dossier du squelette le fichier "Backend.html" par celui ci et tout rentrera dans l’ordre :

A télécharger ici : http://www.docmac-photo.com/IMG/zip/backend.zip

Il faudra redémarrer votre ordinateur si vous utilisez des Widget Mac OSX ou des applis iPhone (dans ce cas redémarrez votre iPhone) pour que les modifications soient prises en compte.

autres problèmes non résolus pour le moment causés par le squelette :
erreurs qui apparaissent dans les pages
erreur dans le moteur de recherche

Rien de bien grave, mais je préfère laisser la main à Stéphane sur le sujet, mes compétences étant surtout graphiques, j’ai tenté de trouver des solutions pour ces autres problèmes, mas sans succès.

Amitiés à tous.

Doc :)

Répondre à cet article

Suivre les commentaires : |

Squelettes pour SPIP IENSP