SPIP-Contrib

SPIP-Contrib

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

278 Plugins, 195 contribs sur SPIP-Zone, 107 visiteurs en ce moment

Accueil > Squelettes > Squelettes éditoriaux > IENSP > Archives IENSP > Squelette IENSP v2

Squelette IENSP v2

Version 2.2 du 05/11/2007

15 mai 2007 – par StephK – 94 commentaires

1 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Squelettes avec une barre de navigation et un menu déroulant ainsi qu’un portfolio.

Présentation

-  Nom du Squelette : « IENSP »
-  Version du squelette : 2.2
-  Auteur : Stéphane Kus
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 1.9.2
-  Sites exemples : site du collège Colette de Saint-Priest, le site REP Saint-Priest Bel-Air
-  Principales fonctionalités et spécificités :

Un squelette simple qui rajoute au squelette par défaut une barre de navigation et un menu déroulant tout en CSS, ainsi qu’un portfolio qui ouvre les images dans une fenêtre pop-up avec des boutons de navigation d’une photo à l’autre. A part quelque déplacement de <div> et le rajout de l’album, seuls les fichiers habillage.css et spip_style.css ont été modifiés.

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 2.0 améliore le rendu avec Firefox (utilisation de la propriété CSS3 border-radius pour arrondir les angles des blocs), amélioration de l’esthétique du portfolio, ajout d’un bloc « derniers sites référencés » en page d’accueil, ajout d’un fichier annuaire.html qui donne la liste de tous les sites référencés, ajout d’un dégradé autour de la page.

-  La version 2.1 rajoute un 3e niveau au menu déroulant

-  La version 2.2 corrige un bug du menu déroulant avec des titres qui débordaient parfois du cadre et intègre un calendrier dans la page d’accueil (nécessite l’installation des plugins Widget calendar et Agenda dans le répertoire « plugins » à la racine de votre site et leur activation dans l’espace privé).

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 .

Un petit aperçu :

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
-  #0031dc : couleur des bordures, des liens, du fond de l’entête du menu et du pied de page
-  #99bcf5 : couleur des liens du menu et des barres, du titre du site et de fond des blocs

images à modifier :
-  coinrond.gif et coin.gif (arrondis du menu)
-  degrade.gif (fond)
-  fondbarre.png (fond des barres de navigation et du pied de page)

Téléchargement

Zip - 467.9 ko
Télécharger IENSP v2.2
Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 21 novembre 2007 à 23:26, par Masha En réponse à : Squelette IENSP v2

    Bonjour, avec Spip 1.9.2b, j’utilise le squelette IENSP.
    J’ai un problème d’actualisation avec le logo des articles : dans l’espace privé, lorsque je change le logo d’un article, si j’actualise dans l’espace privé le changement est immédiatement affiché, mais sur l’espace public - même après avoir vidé le cache - et après actualisation, le changement n’est pris en compte que bien plus tard, voire le lendemain ou plus.
    J’ai ce problème sur OVH (site test) et sur hosteur (les deux sites sont identiques).
    Ce problème n’existe pas avec le portfolio.
    merci d’avance pour votre aide.

    • Le 21 novembre 2007 à 23:28, par Masha En réponse à : rectification

      j’ai la version Spip 1.9.2c....

    • Le 22 novembre 2007 à 10:12, par Doc Mac En réponse à : rectification

      Bonjour, je pense que soit le problème vient de OVH, dans ce cas allez réparer la base Mysql de votre site.

      Soit le problème vient de votre navigateur, utilisez de préférence Firefox.

      J’avais moi même tout un tas de soucis avec un site chez OVH, j’ai été obligé de le transférer ailleurs.

    • Le 23 novembre 2007 à 00:31, par Masha En réponse à : rectification

      Merci de votre conseil. le problème est aussi chez hosteur où le site définitif est installé, OVH me servant de site-test.
      mon navigateur est bien Firefox, et aussi Safari pour l’autre personne qui fait des mises à jour. Donc, le problème viendrait de ces 2 hébergeurs ?...

      Pour réparer la base Mysql...je vais bien sur le serveur OVH PhpMyAdmin, puis je sélectionne toutes les tables et « réparer tables » ? En fait, ça ne change pas grand chose ....Y a-t-il une autre manière de faire ?
      Merci

    Répondre à ce message

  • Le 27 octobre 2007 à 13:15, par sebastien En réponse à : nombres d’articles

    Bonjour,
    j’aurais aimé connaitre si il etait possible de mettre plus de 10 articles dans une rubriques, sans créer la pagination par dix.
    modifier la pagination par 15 (exemple)
    meric d’avance

    • Le 1er novembre 2007 à 19:14, par alex31410 En réponse à : nombres d’articles

      Bonjour,

      Le squelette se dimensionne automatiquement en hauteur, le nb d’articles dans une rubrique n’est pas limité15, 20, 50...

    • Le 2 novembre 2007 à 11:50, par sébastien En réponse à : nombres d’articles

      merci de vote réponse,
      je sais que le nombre d’article est pas limité, juste je voudrais les afficher tous ensemble plutot que part 10.

      meri d’avance

    • Le 2 novembre 2007 à 12:41, par Stéphane En réponse à : nombres d’articles

      Il suffit de supprimer dans le fichier rubrique.html les balises de pagination dans le div articles de la rubrique :

      #ANCRE_PAGINATION

      {pagination}

      [<p class="pagination">(#PAGINATION)</p>]
    • Le 2 novembre 2007 à 15:01, par sébastien En réponse à : nombres d’articles

      Super ça marche,
      merci beacoup de votre réponse et sa promptitude

      cordialement

    • Le 2 novembre 2007 à 15:11, par alex31410 En réponse à : nombres d’articles

      Bonjour,

      N’étant pas le concepteur de ce squelette, les infos sont à prendre au conditionnelle. Il peut y avoir d’autres interactions avec d’autres fichiers.

      Après verif, il semblerait que seul le fichier sommaire.html limite le nb d’articles affiché
      La ligne concernée est la ligne 52

      La valeur 0,8 est le facteur limitant l’affichage des articles, il suffit de modifier 8 par une autre valeur. Attention, sauf erreur de ma part la suppression de ce paramètre affichera tous les articles de toutes les rubriques.

      Pour plus d’info sur les boucles et leurs options

      Spip pas à pas
      http://www.spip.net/fr_rubrique144.html

      Les boucles d’articles
      http://www.spip.net/fr_article883.html

    Répondre à ce message

  • Le 30 septembre 2007 à 21:15, par alex31410 En réponse à : Prob avec espace cellules du menu

    Lorsque j’ai un titre de rubrique de plusieurs mots dans level 1 à 3, la hauteur de la cellule n’ait pas modifier et le texte s’affiche au sein du menu dans la cellule prévue plus celle du dessous. Ce qui rend illisible la rubrique du dessous.

    Ayant modifié le squelette à pas mal d’endroit, quelqu’un peut-il m’indiquer ou est le ou les paramètre(s) de gestion de la hauteur des cellules du menu. J’ai trouvé des fichiers mais pas le paramètre.

    Je dois mettre dans quelques jours en ligne le site d’une association.

    Merci

    Répondre à ce message

  • Le 22 octobre 2007 à 12:16, par ? En réponse à : Squelette IENSP v2

    Bonjour,

    je voudrais savoir si il possible d’inserer un article précis sur la page d’accueil, en plus des articles récents. De plus je ne trouve pas le fichier ou on trouve la phrase « Articles les plus récents » que je puisse la modifier. merci d’avance et encore bravo pour ce squelette.
    sébastien

    • Le 22 octobre 2007 à 12:53, par Stéphane En réponse à : Squelette IENSP v2

      Bonjour,
      Si tu veux qu’un texte s’affiche en page d’accueil de manière permanente, je te conseille de le rentrer dans la description du site :
      espace privé->configuration->description du site

      Pour modifier la page d’acueil, c’est le fichier squelettes/sommaire.html qu’il faut prendre.

      @+

    • Le 22 octobre 2007 à 13:28, par ? En réponse à : Squelette IENSP v2

      Ok,

      en fait je voudrais juste qu’un article choisi s’affiche que l’accueil,
      sinon pour modifier la page accueil, je sais que c’est la pages sommaire,
      apres je ne trouve pas le texte « dernier article publié »
      merci dd’avance
      sebastien

    Répondre à ce message

  • Le 22 octobre 2007 à 12:10, par Doc Mac En réponse à : Squelette IENSP-X en test

    Stéphane Kus travaille actuellement à une nouvelle variante de IENSP plus graphique qui portera le nom de IENSP-X.

    Il sera avec cette version plus simple pour les graphistes comme pour les débutants de concevoir un site agréable à l’oeil avec une interface plus claire.

    Vous pouvez voir le prototype tourner sur Mac & Guitare

    Vous aurez ainsi une idée (ben que le squelette ne soit pas encore finalisé de ce que vous pourrez faire avec.

    Répondre à ce message

  • Le 15 mai 2007 à 23:20, par Doc Mac En réponse à : Squelette IENSP v2.0

    Sympa :)

    Juste une petite question...
    Comment faire pour mettre rapidement à jour tous mes sites avec cette version sans en changer le looK ?

    d’avance merci l’ami :)

    Doc Mac

    • Le 16 mai 2007 à 17:37, par ? En réponse à : Squelette IENSP v2.0

      Normalement, il n’y a que les fichiers habillage.css et sommaire.html, inc-entete.html et photoalbum.html qui ont été modifiés, et le fichier annuaire.html qui a été rajouté. Il te faudra donc surtout reporter tes modifs du fichier habillage.css dans le nouveau habillage.css en préservant les lignes que j’ai rajoutées. Fais un test, si tu as un soucis n’hésite pas à me contacter...

      Cordialement
      Stéphane

    • Le 22 mai 2007 à 16:59, par ? En réponse à : Squelette IENSP v2.0

      comment faire pour changer la bannière pour retirer le vieux titre mon site spip et mettre une bannière a la place ?

    • Le 22 mai 2007 à 18:23, par Stéphane En réponse à : Squelette IENSP v2.0

      les squelettes IENSP sont prévus pour utiliser au maximum les fonctionnalités de l’espace privé de SPIP. La bannière peut s’afficher si on ajoute l’image dans l’espace privé-> configuration->logo du site

    • Le 24 mai 2007 à 11:43, par ? En réponse à : Squelette IENSP v2.0

      Oki, pour éviter de faire des conneries, je laisse donc mes sites en version iensp 1.1 car vu le nombre ce serait variment trop long à modifier, je passerai les prochaoins en V2 .

      Merci.

      Doc Mac

    • Le 22 octobre 2007 à 12:03, par ? En réponse à : Squelette IENSP v2.0

      Bonjour,

      je voudrais savoir si il possible d’inserer un article précis sur la page d’accueil, en plus des articles récents.
      De plus je ne trouve pas le fichier ou on trouve la phrase « Articles les plus récents » que je puisse la modifier.
      merci d’avance
      et encore bravo pour ce squelette.
      sébastien

    Répondre à ce message

  • Le 1er octobre 2007 à 16:33, par Doc Mac En réponse à : Le site du peintre MARIEF sous IENSP News

    J’ai lancé cet après midi le site du peintre MARIEF qui a été réalisé sous IENSP news.

    Style abstrait, une magnifique maîtrise des couleurs, MARIEF vous propose ses oeuvres récentes « mémoires de Jardin », une série présentée lors de l’évènement« rencontre de jardins » à GASSIN dans le Var de 07au 10 septembre 2007 et peinte en pleine nature.

    Découvrez http://www.marief-art.com/

    Répondre à ce message

  • Le 26 septembre 2007 à 00:31, par michel ezanno En réponse à : Squelette IENSP v2

    J’utilise ce squelette sur
    http://ezanno.michel.free.fr/

    J’ai essayé de mettre une autre image de fond, mais je n’ai pas trouvé la ligne background quand j’ai voulu éditer habillage.css.

    Les images sortent aussi du cadre du dessous, comment y remédier.
    Je débute dans « le métier »

    merci de me répondre.

    michel.ezanno@free.fr

    @+

    • Le 26 septembre 2007 à 07:53, par Doc Mac En réponse à : Squelette IENSP v2

      Utilisez de préférence le squelette IENSP news qui est prévu pour ça avec la ligne de code « Background » qui est déjà en place pour l’insertion d’images :)

    • Le 26 septembre 2007 à 09:43, par Stéphane En réponse à : Squelette IENSP v2

      La propriété background de la balise body se trouve à la ligne 28 du fichier habillage.css

      @+
      Stéphane

    • Le 26 septembre 2007 à 23:22, par ? En réponse à : Squelette IENSP v2

      Je souhaitais pouvoir mettre une photo en fond est-ce possible ?

      J’ai un autre souci, j’aurais voulu mettre des exécutables en téléchargement (en fait des diaporamas faits sous Médiashow 2.0™, mais ceux-ci ne sont pas reconnus par SPIP bien qu’étant déjà dans le fichiers TMP/UPLOADS.
      Sur la doc de spip, il disent qu’on peut le faire.

      J’ai essayé en les zippant, ils redeviennent reconnus mais l’exécutable est automatiquement supprimé par le zippage, et donc ils ne fonctionnent plus après téléchargement.

      J’ai rendu l’archive auto extractible,et à nouveau, les documents ne sont plus reconnus. Comment faire ?

      Merci pour toute réponse.

    • Le 27 septembre 2007 à 11:27, par Doc Mac En réponse à : Squelette IENSP v2

      Attention toutefois, l’ajout d’une photo en fond de page ralentira grandement l’affichage.

      Pour les personnes ayant des connexions ADSL de faible vitesse la consultation du site deviendra rédhibitoire.

    • Le 27 septembre 2007 à 19:08, par michel ezanno En réponse à : Squelette IENSP v2

      bon je ne le ferai pas ! Mais qu’en est-il des exécutables ?

    Répondre à ce message

  • Le 24 septembre 2007 à 09:33, par Doc Mac En réponse à : Comment changer la couleur de texte de « vous inscrire »

    Hello, j’ai conçu un site ici

    http://emeline72000.free.fr/

    Dans la partie gauche de la page d’accueil menu « Vous inscrire sur ce site » je souhaiterai mettre le texte en blanc.

    Je n’ai pas trouvé dans habillage.css la ligne de code permettant de changer la couleur de ce texte.

    Si quelqu’un à une idée, je suis preneur.

    d’avance merci.

    • Le 26 septembre 2007 à 09:58, par Stéphane En réponse à : Comment changer la couleur de texte de « vous inscrire »

      Il faudrait que dans le fichier sommaire.html tu encadres

      [(#REM) Inscription au site ]
                              #FORMULAIRE_INSCRIPTION

      à la ligne 24 et 25 par un <div id="inscription">...</div>

      Après tu pourras lui appliquer des styles spécifiques dans le fichier habillage.css du genre :

      #inscription {color:white;}

    • Le 27 septembre 2007 à 11:22, par Doc Mac En réponse à : Comment changer la couleur de texte de « vous inscrire »

      Je reporte ici la solution finale donnée par notre ami Stéphane :

      Section : HABILLAGE DES FORMULAIRES

      à la ligne 509 mettre : .formulaire_spip color : white ; text-align : left ; font-size : 0.77em ;

      Fonctionne avec les couleurs de base HTML en mode texte : white, grey, blue, green, red, orange, yellow, brown ...

      Est utile si vous utilisez un fond noir ou sombre pour rendre l’espace réservé à l’inscription des rédacteurs ou visiteurs sur votre page d’accueil.

      Merci à Stéphane :)

    Répondre à ce message

  • Le 7 septembre 2007 à 23:53, par ? En réponse à : Squelette IENSP v2

    Bonjour,
    J’utilise le menu dynamique présent dans votre squelette. Sous firefox, pas de problème, les sous rubriques s’affichent correctement, par contre sous IE impossible, elles ne s’affichent pas. Avez-vous une idée du problème. Nous tournons encore sous spip 1.9
    D’avance merci
    Laurent

    • Le 9 septembre 2007 à 13:57, par Stéphane En réponse à : Squelette IENSP v2

      SALUT.
      Le menu déroulant est fait uniquement avec du CSS, et malheureusement IE 6 ne comprend pas toutes les instructions CSS 2. Cela n’empêche pas la navigation sur le site et heureusement IE 7 a corrigé le problème.
      @+

    • Le 10 septembre 2007 à 22:55, par ? En réponse à : Squelette IENSP v2

      Merci beaucoup. En fait j’avais oublie la première en debut de squelette...tout fonctionne, merci encore...
      Laurent

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

  • Mosaïque

    21 septembre 2012 – 31 commentaires

    Ce plugin permet d’organiser les images du portfolio par simple glisser-déposer des vignettes d’une mosaïque accessible depuis la page d’édition de l’article. Dépendances Ce plugin nécessite les plugins Champs extra et Saisies pour fonctionner. (...)

  • Agenda 2.0

    3 novembre 2008 – 922 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • elFinder

    1er avril – commentaires

    Ce plugin permet de parcourir l’arborescence de son site SPIP grâce au gestionnaire de fichiers Elfinder. Principe Ce plugin permet aux administrateurs de parcourir l’arborescence d’un site SPIP à travers un outil ressemblant à un gestionnaire de (...)

  • Critère {mots}

    6 août 2009 – 251 commentaires

    Permettre de sélectionner facilement des objets SPIP ayant un ou des mots clefs en communs.

  • Fulltext

    14 mars 2009 – 168 commentaires

    Ce plugin permet d’une part d’exploiter le mode de recherche FULLTEXT de MySQL et d’améliorer ainsi énormément les recherches par rapport au fonctionnement natif de SPIP, et d’autre part d’indexer le contenu de certains (...)