IENSP-X version Pleine Page pour SPIP 2.1

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

Enregistrer au format PDF article en PDF  


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é ?PlateformeNavigateurVersion
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

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

Répondre à cet article

14 Messages

  • IENSP-X version Pleine Page pour SPIP 2.0

    14 décembre 2008 15:47, par Gilles

    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"

    repondre message

  • IENSP-X version Pleine Page pour SPIP 2.0

    29 décembre 2008 08:13, par Gilles

    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.

    repondre message

  • IENSP-X version Pleine Page pour SPIP 2.0

    13 janvier 2009 14:09, par Stéphane Kus

    test forum

    repondre message

    • mise en page des articles en page sommaire 27 octobre 2009 21:43, par sobo

      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

      repondre message

      • mise en page des articles en page sommaire 29 octobre 2009 20:15, par sobo

        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 ?

        repondre message

        • mise en page des articles en page sommaire 29 octobre 2009 21:39, par Stéphane Kus

          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

          repondre message

          • mise en page des articles en page sommaire 30 octobre 2009 01:33, par sobo

            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 ?

            repondre message

            • mise en page des articles en page sommaire 30 octobre 2009 14:09, par Stéphane Kus

              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.

              @+

              repondre message

  • IENSP-X version Pleine Page pour SPIP 2.0

    21 février 2010 15:36, par Danièle LV

    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 :

    au lieu de

    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

    repondre message

  • Attention avec SPIP 2.1 et ce squelette

    28 avril 2010 09:11, par docmac

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

    repondre message