Squelettes IENSP version pleine page

Présentation


-  Nom du Squelette : « IENSP version Pleine Page »
-  Version du squelette : 1.0
-  Auteur : Stéphane Kus
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP 1.9.2
-  Site exemple :

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 utilise le plugin Thickbox 2. À 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.

Cette version d’IENSP 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 Thickbox2
-  Cette version 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 IENSPvPP 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 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 :

-  #CCCCCC : couleur de fond de la page
-  #d12b41 : couleur des liens
-  #4f4f4f : couleur de l’entête, du menu, du pied de page et des bordures de blocs
-  #939393 : couleur de fond des blocs

images à modifier :
-  coinrond.gif
-  coin.gif (arrondis du menu)

Téléchargement

Discussion

5 discussions

  • bonjour,
    je comprends pas comment mettre un squelette sur mon site.
    Je débute et je comprend rien

    Répondre à ce message

  • Etienne

    Pour info et exemple, un site conçu à partir de IENSP version pleine page : www.antidelation.lautre.net
    Le squelette de base est un peu bidouillé par un débutant (moi)

    Répondre à ce message

  • 1
    Etienne

    Salut,
    j’aime bien la mise en page et les couleurs ; tout à fait ce dont j’ai besoin.
    mais j’aurais besoin qu’en lieu et place des sites référencés s’affichent les dernières brèves. Comment puis-je faire ça ?

    D’autre part, quand j’essaie d’activer les plugins, une page blanche s’affiche avec : URL not found ; The requested URL /spip.php was not found on this server
    J’ai pourtant bien à la racine de mon site un fichier spip.php.

    Merci de ton aide,

    • Etienne

      J’ai fini par m’en sortir à peu près.
      Pour la question des plugins, c’est lié à une sécurité chez Lautre.net, résolue partiellement par un tuto dont j’ai perdu le lien.

    Répondre à ce message

  • 8
    sébastien

    Bonjour,
    Je vous contact, car j’ai un peu souci avec l’installation de ce squelette,
    je n’arrive pas à installer widget_calendar_1_9
    la page devient blanche à la validation du plugin... puis plus rien, je suis obligé de suprimer les plugins pour retrouver un acces au site.
    les 2 autres plugins marche.
    Merci de votre réponse

    • Bonjour,
      Là comme ça je ne vois pas, mais si tu m’envoie l’adresse de ton site, je pourrais regarder de plus près...
      @+
      Stéphane

    • sébastien

      Bonjour,
      Mercide votre réponse,
      le site se trouve à l’adresse :
      http://www.cab-grenoble.net/

      j’ai install 2 plugins - agenda et thickbox,
      mais pour widget calender c’est impossible....
      la commande admin plugin bug....

      voila
      merci d’avance...

    • sébastien

      re,
      désole mais là cela marche,
      j’ai trouvé le plug à un autre endroit et c’est bon,
      peux etre celui du fichier zip était pas bon...
      j’ai trouvé deux versions, une à 14 fichier l’autre à 15...
      en tout cas merci de ta disponibilité.
      cordialement

    • Y’a pas de quoi, n’hésite pas si tu as d’autres soucis ou si tu as besoin d’un coup de main pour personnaliser le squelette.

      @+ Stéphane

    • sébastien

      Merci, c’est super,
      j’hesiterai pas.
      bonne journée

    • sébastien

      Bonjour,

      je suis entrain d’utiliser votre squelette, sur un de mes site.
      www.cab-grenoble.net.

      Tout marche bien,
      sauf dans l’espace privé, en mode interface complete, je n’ai pas les sous-menu sous les boutons du haut ... genre pour acceder au plugins... aux langues....
      je suis pourtant bien connecter en administrateur...

      vous est-il arrivé deja un problème de cette ordre.

      merci d’avance

    • Stéphane

      Bonjour,
      J’ai déjà effectivement rencontré ce problème qui ne semble pas lié aux squelettes mais à une fonction javascript de SPIP. Quand cela m’est arrivé, j’ai fais une réinstallation complète de la dernière version de SPIP avec spip_loader.php et tout est rentré dans l’ordre.
      @+ Stéphane

    • sébastien

      bonjour,
      merci de ta réponse,
      j’avais déjà fait une réintalle, mais sans spip_loader...
      je vais essayer donc...
      encore merci

    Répondre à ce message

  • 5

    Bonjour,

    Comment faire pour juste integrer le calendrier ?

    Autre chose, est-il possible d’avoir toutes les rubriques de premier niveau en menu a cote de Accueil ?

    Derniere question, le site (en tout cas, la partie publique) que je suis en train de monter est monolingue anglais (pour le moment). Ou changer les mots Accueil et Plan du site ?

    • Stéphane

      Bonjour,

      Comment faire pour juste integrer le calendrier ?

      Que veux-tu dire précisément ?

      Autre chose, est-il possible d’avoir toutes les rubriques de premier niveau en menu a cote de Accueil ?

      Ca demanderai beaucoup de changement dans le squelette, peut-être pour une future version d’IENSP...

      Derniere question, le site (en tout cas, la partie publique) que je suis en train de monter est monolingue anglais (pour le moment). Ou changer les mots Accueil et Plan du site ?

      Les mots se trouvent dans le fichier squelettes/inc-entete.html

      @+

    • Salut Stephane.

      Pour le point 1, sur le site ’temoin’, je vois un petit calendrier en colonne droite. Comment le faire apparaitre (j’ai bien active le wideget calendar et le plugin agenda) ?

      Merci pour les deux autres points.

      Autre point, est-il possible de figer en une sorte de mot d’accueil la page d’accueil (sans qu’il y ait la liste des autres articles recents a la suite, a la limite seulement en colonne droite et dans le calendrier)

      PS : Ce qui m’interessait est le fait qu’il n’y ait pas beaucoup de changement par rapport a dist dans ton squelette. Connaitrais-tu un squelette qui fait des changements minimalistes mais qui met en menu horizontal toutes les rubriques de niveau 1 ?

    • Pour le point 1, sur le site ’temoin’, je vois un petit calendrier en colonne droite. Comment le faire apparaitre (j’ai bien active le wideget calendar et le plugin agenda) ?

      Bizarre, il devrait apparaître automatiquement... Peux-tu me donner l’adresse de ton site, je jeterai un coup d’oeil.

      Autre point, est-il possible de figer en une sorte de mot d’accueil la page d’accueil (sans qu’il y ait la liste des autres articles recents a la suite, a la limite seulement en colonne droite et dans le calendrier)

      Pas de problème, il faut changer la page squelettes/sommaire.html en supprimant la liste des articles récents. Ton texte d’accueil fixe peut-être mis en description du site dans Espace Privé -> Configuration

      Ce qui m’interessait est le fait qu’il n’y ait pas beaucoup de changement par rapport a dist dans ton squelette. Connaitrais-tu un squelette qui (...)

      Je ne vois pas, mais une version du squelette avec un menu déroulant partant de la barre horizontale est en projet. Par contre je ne peux pas te donner de délais...

      @+

    • Merci vraiment pour ta disponibilite.

      Malheureusement, je ne peux te donner de lien car je suis en phase de maquettage sous EasyPHP pour plus de rapidité.

      Et j’ai trouve le coupable pour le calendrier qui ne s’affichait pas : il fallait vider le cache des restes des tutos (variations de la dist) que j’avais faits. En particulier, j’avais enlevé toute mention d’auteur sur les pages sommaire, article et breve.

      Tu as du deviner ici que je cherche quasiment a faire un site semi-statique, sans mention d’auteur etc, mais j’ai quand meme besoin que d’autres utilisateurs puissent mettre a jour les articles le cas echeant. Principalement, ils consistent en l’annonce (=1 article) de petits ateliers (2 fois par an) et les documents proposes par les intervenants doivent pouvoir etre telechargeables (je les regroupe dans un article a part dans une rubrique Resources) avec un lien depuis l’article annonce sur l’article ressources. Donc j’aurai idealement a priori au minimum 3 menus dans le bandeau horizontal, Home (page d’accueil plus ou moins figee), Announcements et Resources (2 rubriques de premier niveau).

      Penses-tu que ce type de site est faisable facilement en retouchant au minimum les squelettes originaux ?

    • Stéphane

      Si tu veux tu peux m’envoyer ton dossier squelettes zippé en BAL perso (mra.tice.stpriest@free.fr), j’essaierai de voir ce que je peux faire pour ton menu horizontal

    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