Accueil > Réalisations Web > Squelettes pour SPIP > Les squelettes IENSP > Pour SPIP version > 2 > squelettes IENSP standard pour SPIP 2.0

squelettes IENSP standard pour SPIP 2.0

dimanche 1er mars 2009, par Stéphane Kus

Présentation

- Nom du Squelette : "IENSP"
- Version du squelette : 4.2
- Auteur : Stéphane Kus
- Licence : GPL
- Compatibilite SPIP : compatible SPIP > 2.0
- Visualiser

Principales fonctionalités et spécificités

Un squelette simple avec une barre de navigation et un menu déroulant tout en CSS, un annuaire des sites web référencés, un agenda (plugin Agenda 2) ainsi qu’un portfolio qui utilise le plugin Thickbox. Intégration du plugin Accès Restreint 3. Intègre également les plugins article PDF (attention, utiliser la version fournie avec les squelettes, celle sur SPIP-Contrib n’est pas compatible avec SPIP 2) et Version Imprimable.

Le but pour moi a été de mettre en pratique mon travail sur les CSS, et donc de faire une mise en page qui ne modifie quasiment pas les squelettes par défaut de SPIP à part le fichier habillage.css. J’espère que ces squelettes vous donnerons envie de plonger dans le CSS afin de créer un style propre à vos sites.

- La version 4.0 a adapté les squelettes à SPIP 2.0
- La version 4.1 corrige un bug avec le plugin Thickbox et intègre le plugin Accès Restreint 3
- La version 4.2 corrige un bug d’affichage de l’agenda avec IE, intègre les plugins Article PDF et Imprimer Article, élargi l’affichage de la page.

Il est à noter que IENSP utilise maintenant 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 6 et 7 (le menu déroulant ne marche pas avec IE6)
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 en changeant les couleurs dans le fichier habillage.css, il suffit de faire un rechercher/remplacer sur ces couleurs :

- #FFFFFF : couleur de fond de la page
- black : couleur des bordures, du fond de l’entête du menu
- #cfcfcf : couleur de fond des blocs
- #f26522 : couleurs du titre du site, des liens et des textes de formulaires

images à modifier :
- coinrond.gif et coin.gif (arrondis du menu)
- degrade.gif (fond)
- pixtrans.png (fond transparent du menu déroulant)
- fondbarrehaut.png (fond de la barre de navigation)
- fondbarrehautsurvol.png (fond des liens survolés de la barre de navigation)
- fondbarre.png (fond du pied de page)

Téléchargement

IENSP standard v4.2

25 Messages

  • squelettes IENSP standard pour SPIP 2.0 Le 12 décembre 2008 à 08:02, par Danièle LV

    Bonjour,

    J’utilise votre squelette standard depuis quelques temps avec les plugins Agenda, Thickbox et Accès Restreint pour la version de SPIP 1.9.2.

    Je viens de mettre à jour la version SPIP 2.0 et votre squelette standard v 4.00 pour SPIP 2.0. (Tout cela en local pour vérifier si cela fonctionne bien avant de faire la mise à jour en réel)

    Mais je vois qu’il n’y a pas le plugin Accès restreint comme vous l’indiquez ci-dessus.

    Avez vous l’intention d’inclure Accès restreint ?

    DLV

    Répondre à ce message

    • squelettes IENSP standard pour SPIP 2.0 Le 29 décembre 2008 à 12:21, par Stéphane Kus

      Je viens de publier la version 4.1 qui intègre le plugin accès restreint 3 pour SPIP 2

      Répondre à ce message

      • squelettes IENSP standard pour SPIP 2.0 Le 29 décembre 2008 à 13:28, par Danièle LV

        Merci pour cette réponse je vais le télécharger.

        Danièle LV

        Répondre à ce message

        • squelettes IENSP standard pour SPIP 2.0 Le 29 décembre 2008 à 20:06, par Danièle LV

          Bonjour,

          Tout va très bien quant au squelette IENSP pour la version de SPIP2 et les plugins insérés, mais le plugin accès restreint ne fonctionne pas.

          Je suis allée sur le site SPIP Contrib pour poser un message sur le plugin, mais il parait qu’il marche sans problème (moi j’arrive à créer une zone acces restreint, mais je ne peux pas ajouter des visiteurs) . C’est dommage car je pouvais le faire fonctionner sans problème avec la version 1.9.2.

          Est ce que vous utilisez ce plugin ? est ce qu’il marche chez vous ?

          Autre question : Comment utiliser le squelette albumphoto ?

          Merci de votre réponse

          Danièle

          Répondre à ce message

  • IENSP standard pour SPIP 2.0 : modif page d’acceuil Le 30 décembre 2008 à 15:52, par amande

    bonjour tout le monde,

    j aurais besoin d’un petit coup de pouce pour insérer une photo dans ma page d’acceuil,
    quelqu’un aurait il une idée ?

    Répondre à ce message

  • squelettes IENSP standard pour SPIP 2.0 Le 2 janvier 2009 à 19:17, par amande

    hello, bonne année Stephane !

    j aime beaucoup ton squelette pour sa simplicité et ses couleurs ;

    tu peux juste regarder mon site asiaisa.fr pour convenir du caractere adaptable de ton travail

    seulement g un pti soucis avec habillage.css
    car je ne parvient pas a changer la typo en italic ...

    as tu deja constaté ca ?

    Répondre à ce message

    • squelettes IENSP standard pour SPIP 2.0 Le 2 janvier 2009 à 21:10, par Stéphane Kus

      Salut,
      meilleurs voeux également !

      Pour ton pb d’italique, peux-tu préciser ? Est-ce que tu veux un de l’italique sur un élément générique de SPIP (intro de tous les articles ou sous_titres) ou est-ce que tu n’arrives pas à mettre en italique un mot ou une phrase d’un article ?

      @ + Stéphane

      Répondre à ce message

      • mettre nenu navigation en italic Le 20 janvier 2009 à 17:08, par amande

        bonjour stéphane,

        plus précisément, je cherche à mettre en italic le menu de navigation de la page d’acceuil

        dans habillage des menus de navigation, dans font-weight, g mis italic et ca ne produit aucun effet,

        sais tu pourquoi ?

        amande.

        Répondre à ce message

        • mettre nenu navigation en italic Le 20 janvier 2009 à 18:24, par Stéphane Kus

          Bonjour,

          la propriété CSS pour l’italique n’est pas font-weight mais font-style.

          Il faut donc que tu rajoutes dans la feuille de style habillage.css la ligne :

          div#menu {--font-style: italic;}

          @+

          Répondre à ce message

          • mettre nenu navigation en italic Le 20 janvier 2009 à 18:27, par Stéphane Kus

            il ne faut pas de tiret avant font-style. C’est une erreur de frappe. Voici le bon code :

            div#menu {font-style: italic;}

            Stéphane

            Répondre à ce message

            • mettre nenu navigation en italic Le 26 janvier 2009 à 16:21, par amande

              merci bcp stephane,

              g enfin mon menu en italic !

              le css est long je trouve a maitriser,

              je cherche egalement a mettre un photo en fond d ecran,

              voici ma tentative :

              body

              behavior : url("csshover.htc") ; /* WinIE behavior call */

              background-image : url (asiaisa.fr/spip2/spip.php ?article12) ;

              background repeat : no repeat ;

              margin : 1.5em ;

              text-align : center ;

              font-size : 1em ;

              color : #333 ;

              cette photo se trouve donc sur mon site meme (asiaisa.fr),

              mais pour l instant le fond reste blanc...

              saurais tu pourquoi ?

              amande.

              Répondre à ce message

              • mettre nenu navigation en italic Le 26 janvier 2009 à 19:11, par Stéphane Kus

                Bonsoir,
                Voici le code qu’il faut que tu mettes pour la balise body dans habillage.css

                body {
                        behavior: url("csshover.htc"); /* WinIE behavior call */
                        background: url(http://asiaisa.fr/spip2/IMG/jpg/Inde.jpg) no-repeat;
                        margin: 1.5em;
                        text-align: center;
                        font-size: 1em;
                        color: #333;
                }

                attention à ne pas oublier les accolades, les tirets et les points virgules ! Pour ce qui est du CSS, je te conseille un petit bouquin qui s’appelle "Aide-mémoire CSS2" de patrick Beuzit au éditions OEM/Eyrolles (10 euros). C’est un dictionnaire de toutes les propriétés CSS avec leur syntaxe à avoir toujours sous la main.

                @ bientôt
                Stéphane

                Répondre à ce message

                • fond d ecran chelou ... Le 27 janvier 2009 à 07:54, par amande

                  merci pour la doc, c exactement ce qu il me faut !

                  pour ce qui est du fond d ecran, g copie/collé ton code et il est toujours blanc... avec un tout petit carré en haut de page... c normal ?

                  tu pourrais jeter un petit coup d oeil s il te plait a cette adresse : asiaisa.fr,

                  je te remercie, amande.

                  Répondre à ce message

                  • pb résolu merci stephane Le 27 janvier 2009 à 12:03, par amande

                    en fait la photo a mis du tps pour s installer, merci encore,

                    par contre g changé la couleur de fond de page mais elle ne prend pas l arrondie de ton menu de navigation, sais tu pourquoi ?

                    Répondre à ce message

  • comment agrandir le contre encart please ? Le 10 février 2009 à 19:00, par amande

    bonjour stephane,
    je souhaite modifier ton squellette pour ma page d’acceuil,

    c’est à dire que j’essais de faire entrer son contenu dans la hauteur de l’écran
    et donc j’ai enlever les articles récents et le pied de page,

    par contre je n’arrive pas a alonger le contre encart jusqu’à sous le diaporama photo,

    peut tu m’aiguiser pour remodifier correctement ton code ?

    merci d’avance, amand.

    Répondre à ce message

    • comment agrandir le contre encart please ? Le 25 mai 2009 à 02:07, par antony333

      bonsoir je cherche a savoir la procedure pour enlever en pied de page des articles la mention articles récents
      merci

      Répondre à ce message

      • comment agrandir le contre encart please ? Le 25 mai 2009 à 08:46, par Stéphane Kus

        Bonjour,

        Pour agrandir le contre-encart, ça se passe dans squelettes/habillage.css. Il faut augmenter la largeur du contre-encart tout en diminuant celle de l’encart en proportion (attribut width).

        /* Blocs du contenu (c-a-d. la colonne principale) */
        #contenu .contre-encart {
                margin: 0;
                padding: 0;
                border: none;
                float: left;
                width: 26em;
        }

        #contenu .encart {
                float: right;
                width: 11em;
                padding: 0;
                border: none;
                margin: 0 0 0 1em;
        }

        Pour ce qui est de la mention articles récents, j’en vois pas dans les pages articles... Peux-tu préciser ?

        Stéphane

        Répondre à ce message

  • squelettes IENSP standard pour SPIP 2.0 Le 2 avril 2009 à 12:09, par LEGRAND Claude

    Bonjour,

    J’utilise votre squelette IENSP standard pour Spip 2.0 avec beaucoup de plaisir, bien qu’étant tout à fait débutant...

    Mon souci : je voudrais faire afficher 20 titres d’articles par rubrique au lieu des 10 qui apparaissent par défaut. Comment est-ce possible ? Et si c’était tous ?

    Merci

    Répondre à ce message

    • squelettes IENSP standard pour SPIP 2.0 Le 2 avril 2009 à 18:29, par Stéphane Kus

      Bonjour,
      Dans le dossier squelettes, tu trouveras un fichier nommé sommaire.html qui sert de gabarit à la page d’accueil. Dans ce fichier, voici la boucle SPIP qui affiche les articles récents :

      [(#REM) Articles r≥cents ]
              <B_articles>
                      <div class="liste-articles">
                              [(#ANCRE_PAGINATION)]
                              [(#ENV{debut_articles}|?{'',' '})
                              <h2><:articles_recents:></h2>]
                              <ul>
                              <BOUCLE_articles(ARTICLES) {par date}{inverse} {doublons}{pagination}>
                                      <li>
                                      <h3 class="titre"><a href="#URL_ARTICLE">#TITRE</a></h3>       
                                      </li>
                              </BOUCLE_articles>
                              </ul>
                      [<p class="pagination">(#PAGINATION)</p>]
              </div>
              </B_articles>

      Si tu veux modifier la pagination par défaut (10 par 10), il te faut changer le critère {pagination} par {pagination 20} si tu veux que 20 articles s’affichent. Tu peux augmenter ce nombre comme bon te semble.

      @+ STéphane

      Répondre à ce message

      • squelettes IENSP standard pour SPIP 2.0 Le 7 avril 2009 à 17:42, par LEGRAND Claude

        Bonjour Stéphane,
        Désolé d’avoir tardé à te répondre, mais j’ai été absent un moment...
        Dans squelettes.html, j’ai un morceau un peu différent :

        [(#REM) Articles recents ]

        [(#ANCRE_PAGINATION)] [(#ENVdebut_articles| ?’’,’ ’)

        <:articles_recents :>

        ]

        Quand je remplace pagination="" par pagination 20, dès que j’enregistre ça me met pagination="" 20="" et ça me donne ensuite un message d’erreur. C’est pas là qu’il faut modifier ou c’est autrement ?
        Merci pour ton aide !
        Claude

        Répondre à ce message

      • squelettes IENSP standard pour SPIP 2.0 Le 7 avril 2009 à 21:10, par LEGRAND Claude

        Re bonsoir

        Mon message précédent est inutile et idiot : mauvais copier coller et essais infructueux liés à l’utilisation de Nvu... Quand j’édite sommaire.html avec le bloc notes, que je fais les modifs et que j’enregistre, je n’ai aucun pb et ça marche !
        Merci beaucoup pour l’aide efficace, et hélas pour toi ce n’est sans doute pas la dernière fois...

        Cordialement

        Claude

        Répondre à ce message

  • squelettes IENSP standard pour SPIP 2.0 Le 16 avril 2009 à 22:01, par LEGRAND Claude

    Bonsoir Stéphane,
    Encore quelques petits soucis de débutant...

    1- Je voudrais supprimer l’option "mot de passe oublié ?" dans le formulaire d’identification. La manip est-elle assez simple ?

    2- J’ai installé le plugin "Articles en pdf" mais il ne fonctionne pas : j’obtiens une page blanche avec

    Fatal error : Call to undefined function : generer_url_article() in /homez.52/sococoda/www/societ/ecrire/public.php(174) : eval()’d code on line 63

    Y a-t-il un truc que j’ai mal fait ?

    Merci beaucoup pour ton aide (un vrai sacerdoce, c’est à noter !)

    Claude

    Répondre à ce message

    • squelettes IENSP standard pour SPIP 2.0 Le 18 avril 2009 à 14:48, par Stéphane Kus

      Salut

      1- pour supprimer l’option mdp oublié, édite le fichier /prive/formulaires/login.html et supprime la ligne 33

      2- pour aticle PDF, édite le fichier /plugins/article_pdf_1_9/article_pdf.html et remplace la ligne 49 par celle-ci : $url_article = generer_url_entite($id_article, "article");

      tiens-moi au courant si ça fonctionne.

      @+

      Stéphane

      Répondre à ce message

  • squelettes IENSP standard pour SPIP 2.0 Le 1er mai 2010 à 10:49, par arnaud Harbonnier

    Bonjour Stéphane,

    j’utilise toujours ton jeu de squelettes IENSP std pour 2.0 ...
    je viens de migrer mes sites vers 2.1 et depuis je suis dans l’impossibilité d’utiliser les forums publics ... la fonction répondre à cet article ne fonctionne plus. je vais jusqu’à la prévisualisation puis plus rien. Le message n’apparait pas et n’a pas été écrit dans la base. En désactivant le squelette ça fonctionne.

    as-tu une idée ...

    J’ai du mal à identifier les fichiers qui interviennent dans ce processus ...

    @ bientôt

    Arnaud

    http://valarep.free.fr

    http://judoclubsolesmois.free.fr

    Répondre à ce message

  • squelettes IENSP standard pour SPIP 2.0 Le 9 mai 2010 à 10:48, par arnaud Harbonnier

    Bonjour Stéphane,

    Je suis surpris de ne pas avoir eu de réponse de ta part ... j’espère que tout va bien pour toi et que tu suis toujours tout ça de près ...
    Je viens vers toi pour te dire simplement que j’ai trouvé la solution pour mon soucis de forum qui ne fonctionnait plus depuis ma migration vers spip 2.1. J’espère que ça servira à d’autres ...
    En fait c’est le fichier forum.php qui pose pb !!! j’ai simplement récupéré celui de la dist et l’ai mis à la place du tiens ... en les comparant il manque certaines lignes ...

    Voilà voilà ça refonctionne ...

    http://valarep.free.fr

    http://judoclubsolesmois.free.fr

    Arnaud Harbonnier

    Répondre à ce message

Répondre à cet article

SPIP | | Plan du site | Suivre la vie du site RSS 2.0