Squelettes IENSP standard

version 3.1

Version 3.1 intégrant les plugins Agenda, Thickbox2, Accès Restreint, ainsi que la transparence des menus déroulants

Présentation

-  Nom du Squelette : « IENSP »
-  Version du squelette : 3.1
-  Auteur : Stéphane Kus
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 1.9.2
-  Sites exemples : site de développement

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, un annuaire des sites web référencés, ainsi qu’un portfolio qui utilise le plugin Thickbox2. 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é).
-  La version 3.0 améliore le menu déroulant (transparence), la barre de navigation (survol des liens modifiant l’image de fond) et intègre le plugin Thickbox2 pour le portfolio (fonction diaporama) et le plugin accès restreint pour mettre certaines zones du site public en accès réservé aux abonnés.
-  la version 3.1 corrige 2 petits bugs de l’identification

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

Squelettes IENSP Standard 3.1

Discussion

16 discussions

  • 1

    Bonjour,

    J’ai rechargé entièrement SPIP et vos squelettes sur le site http://lesentimentalisme.org/ ,

    pourquoi si je veux charger les plugins j’obtiens une page blanche ?
    ce qui fait que dans la zone privée il n’y a pas de plugins dans la configuration.

    Le calendrier ne s’affiche plus sur la première page du site.

    Par ailleurs l’accès restreint fonctionne, pourquoi mystère.

    Je ne sais pas me servir du portfolio, donc je n’ai pas vérifié si Thickbox2 est en action.

    • Bonjour Stéphane,

      je viens de changer de serveur et je n’ai plus aucun problème, je tenais à vous informer de cette bonne nouvelle. Merci encore pour vos squelettes. Cordialement. Gédid

    Répondre à ce message

  • 1

    Bonjour Stéphane,

    Je m’y perds un peu dans les différentes versions et leur numéro ...
    J’utilise le jeu de squelettes de cette page iensp 3.0 ... pas la version 3.1 ...
    La version 3.0 pour l’avoir testée n’est pas compatible avec spip 2.0 (comme je le disais ds mon dernier post). le 3.1 l’est-elle ou prévois tu un update pour que cette même version le soit ?
    Quid des autres versions (PP etc ..)

    Cordialement,

    @ bientôt

    @rno

    Répondre à ce message

  • Ok Stéphane,

    merci beaucoup pour l’info ...
    je reste en mode vigilence.

    @rno

    Répondre à ce message

  • 1

    Bonjour Stéphane,

    J’ai installé en local la dernière version de spip (spip 2.0) mais dès que je positionne ton squelette iensp standard 3.0 j’ai un pb d’authentification pour accéder à mon interface admin ...
    as-tu un retour d’expérience la-desssus ?

    cordialement,

    Arnaud

    http://www.valarep.fr

    • Bonjour,

      La nouvelle version pour IENSP 2.0 est en cours de finalisation... Encore quelques jours de patience...

      @+ STéphane

    Répondre à ce message

  • Jean-Claude

    Bonjour,

    J’ai téléchargé votre squelette qui me plait bien.

    J’ai ausi téléchargé l’AGENDA.

    Y-a-t-il possibilité d’écrire des événements dans l’agenda ?

    url du site : www.dites-le.be

    Répondre à ce message

  • 2
    Ben’O’Laos

    Bonjour,

    pour le menu de recherche, il faudrait vraiment incorporer le OK de validation que beaucoup attendent à la fin d’un formulaire (c’est le cas de ma maman !). Un petit OK à la fin du formulaire de recherche, qu’en pensez-vous ?

    J’ai essayé personnellement de le rajouter, mais n’étant pas fortiche en code PHP et a fortiori en SPIP, je cale.

    En tout cas chapeau aux GD (gentils développeurs) qui ont réalisé ce bien bel outil IENSP. Bonne continuation à toute l’équipe.

    Ben

    • Stéphane

      Bonne idée, je teste et je te tiens au courant

    • Stéphane

      Salut,
      Pour avoir ton OK, rajoute ceci à la fin de la ligne 7 du fichier /squelettes/formulaires/recherche.html

      <input class="spip_bouton" type="submit" name="Soumettre" value="OK">

    Répondre à ce message

  • 1
    Gédid

    Bonjour Stéphane,
    toutes mes félicitations pour vos squelettes, j’ai mis en place la version 2.2 sur le site http://lesentimentalisme.org, cela fonctionne très bien, la version 3.1 m’interesse pour l’Accès Restreint, j’ai par 2 fois supprimé les squelettes et plugins de la V2.2 et rechargé ceux de la V3.1 . A chaque fois cela me supprime toute affichage du site, je fais donc l’opération inverse et je retrouve l’affichage,

    quelle erreur je fais ?

    pensez-vous faire une version en multilingue ?

    merci par avance pour votre réponse, très cordialement .

    • Gédid

      Bonjour Stéphane,

      j’ai trouvé l’erreur, je n’avais pas vidé le cache, c’est en installant le site en local que je me suis rendu compte du problème.
      Veuillez m’excuser de vous avoir fait perdre votre temps, encore bravo pour vos squelettes, cordialement, Gédid.

    Répondre à ce message

  • 2
    Le Corbeau

    Petit détail sur la page 404, le fil d’ariane coupe le menu
    sinon, squelette sympa car il est simple dans son graphisme sans sacrifier les possibilités offertes.

    • Le corbeau

      autre petit problème, la page d’affichage des mots clé est « en vrac »

    • Stéphane

      Merci pour ces infos, je vais essayer d’y remédier.

    Répondre à ce message

  • 2

    Bonjour,

    Félicitation pour votre squelette.

    Il est simple d’utilisation. Et j’ai réussi à modifier l’habillage à mon gout. Cela reste simple mais je suis novice donc pour l’instant j’y vais par petites touches.

    Toutefois j’ai besoin de vos lumières :
    -  Le menu déroulant ne fonctionne pas : est-ce que parce que j’utilise Explorer 6 ? Si c’est le cas, à votre avis dois je mettre à jour Explorer7 ou bien prendre Firefox ?

    -  Je souhaiterais lorsque j’ai un seul article dans un rubrique que la rubrique pointe directement sur l’article et l’affiche. J’ai trouvé des exemples de boucles (tester s’il y a plus d’un article, puis tester s’il n’y en a qu’un) mais je suis incapable de les faire fonctionner : j’ai beaucoup de mal avec les boucles à mettre les unes dans les autres.. l’affichage d’1 article unique fonctionne (mais dans la partie contre-encart alors que je veux directement l’article) et les rubriques qui ont plusieurs articles affichent quand meme le premier article. Et en plus cela plante le navigateur 1 fois sur 2. J’ai donc supprimer ces tests.
    Je galère ....

    Avez vous fait quelquechose à ce sujet ?

    -  Pour les articles qui se suivent, j’ai utilisé le lien (->art). Mais j’aimerais y associer une image de flèche : comment faire ?

    Merci de vos réponses.

    Danièle

    • Stéphane

      Bonjour,

      Merci pour tes appréciations sur les squelettes.

      Effectivement, le menu déroulant ne fonctionne pas avec IE 6, par contre, il fonctionne avec IE7, Firefox, Opera, Safari,...

      Pour la deuxième question, je pense que c’est possible, mais je n’ai jamais testé, je vais essayé et je te tiens au courant.

      Pour la troisième question, le plus simple me semble de faire une insertion de l’image de flèche en html : <HTML><img src="chemin-de-ton-image" /></HTML>

      @+

      STéphane

    • arno.59

      Bonjour Stéphane,

      je voudrais faire appel à tes lumières (css)

      Quand j’affiche mes articles ou mes rubriques, la barre basse (#pied) remonte en plein milieu de mon texte. Comment puis je faire pour la fixer à la page ?

      exemple : http://valarep.free.fr/spip.php?rubrique2

      g pas mal modifier le css, si tu veux que je t’en envoie une copie dis le moi ...

      site : http://valarep.free.fr

      Merci

      @ bientôt

      @rno

    Répondre à ce message

  • 1
    arnaud Harbonnier

    Bonjour Stéphane,

    mon site touche presque à sa fin http://valarep.free.fr ou http://www.valarep.com et bientôt http://www.valarep.fr

    je me pose aujourd’hui le problème du référencement ... aurais-tu des éléments là-dessus ... j’ai vu beaucoup de choses sur le net mais qu’en est-il quant au référencement de sites réalisés sous spip ?

    J’aimerais aussi que des visiteurs’inscrivent pour avoir le droit de télécharger des documents ... si tu as une idée ...

    Merci d’avance

    @rno

    • stéphane

      Bonjour,
      Pour ce qui est du référencement, je n’y connais pas grand chose, mais je sais que mes sites sous SPIP sont parfaitement référencés sans que j’ai eu besoin de quoi que ce soit... d’ailleurs si tu tapes VALAREP dans google, tu es en 1re page...

      Pour que des visiteurs s’inscrivent pour avoir le droit de télécharger des documents, il faudrait que tu rajoutes un lien « s’inscrire » dans le pied de page (squelettes/inc-pied.html) avec ce code :

      <a href="#URL_PAGE{spip_inscription,focus=nom_inscription}&mode=(#URL_SITE_SPIP|tester_config{mode_inscription})" target="spip_pass" onclick="javascript:window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=400'); return false;"><:login_sinscrire:></a>

      Ensuite, il faudra mettre la rubrique téléchargement en accès restreint (en activant le plugin acces_restreint dans l’espace privé et en créant une zone restreinte comprenant ta rubrique téléchargement). Par contre, il te faudra autoriser les visiteurs à y accèder au fur et à mesure qu’ils s’inscrivent...

      @ bientôt
      Stéphane

    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