Squelette IENSP v2

Version 2.2 du 05/11/2007

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

Télécharger IENSP v2.2

Discussion

33 discussions

  • 3

    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.

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

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

    • 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

  • 5
    sebastien

    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

    • Bonjour,

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

    • sébastien

      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

    • Stéphane

      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>]
    • sébastien

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

      cordialement

    • 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

  • 2

    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

  • 2

    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

    • Stéphane

      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.

      @+

    • 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

  • 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

  • 5
    Doc Mac

    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

    • 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

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

    • Stéphane

      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

    • 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

    • 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

  • 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

  • 5
    michel ezanno

    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

    @+

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

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

      @+
      Stéphane

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

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

    • michel ezanno

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

    Répondre à ce message

  • 2

    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.

    • 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;}

    • 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

  • 2

    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

    • 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.
      @+

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

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom