SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 353 visiteurs en ce moment

Accueil > Squelettes > Squelettes éditoriaux > IENSP > Archives IENSP > Squelettes IENSP version pleine page

Squelettes IENSP version pleine page

12 décembre 2007 – par StephK – 19 commentaires

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

Dernière modification de cette page le 19 janvier 2008

Retour en haut de la page

Vos commentaires

  • Le 2 septembre 2008 à 10:46, par ? En réponse à : Squelettes IENSP version pleine page

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

    Répondre à ce message

  • Le 10 avril 2008 à 17:52, par Etienne En réponse à : Squelettes IENSP version pleine page

    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

  • Le 28 mars 2008 à 19:49, par Etienne En réponse à : Squelettes IENSP version pleine page

    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,

    • Le 28 mars 2008 à 23:29, par Etienne En réponse à : Squelettes IENSP version pleine page

      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

  • Le 18 décembre 2007 à 14:45, par sébastien En réponse à : Squelettes IENSP version pleine page

    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

    • Le 18 décembre 2007 à 18:34, par Stéphane En réponse à : Squelettes IENSP version pleine page

      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

    • Le 19 décembre 2007 à 10:16, par sébastien En réponse à : Squelettes IENSP version pleine page

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

    • Le 19 décembre 2007 à 10:25, par sébastien En réponse à : Squelettes IENSP version pleine page

      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

    • Le 19 décembre 2007 à 12:14, par StephK En réponse à : Squelettes IENSP version pleine page

      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

    • Le 19 décembre 2007 à 12:16, par sébastien En réponse à : Squelettes IENSP version pleine page

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

    • Le 28 février 2008 à 11:35, par sébastien En réponse à : Squelettes IENSP version pleine page

      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

    • Le 29 février 2008 à 09:59, par Stéphane En réponse à : Squelettes IENSP version pleine page

      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

    • Le 29 février 2008 à 10:17, par sébastien En réponse à : Squelettes IENSP version pleine page

      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

  • Le 14 janvier 2008 à 01:04, par debutant En réponse à : Squelettes IENSP version pleine page

    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 ?

    • Le 14 janvier 2008 à 10:23, par Stéphane En réponse à : Squelettes IENSP version pleine page

      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

      @+

    • Le 14 janvier 2008 à 10:52, par debutant En réponse à : Squelettes IENSP version pleine page

      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 ?

    • Le 14 janvier 2008 à 15:34, par StephK En réponse à : Squelettes IENSP version pleine page

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

      @+

    • Le 14 janvier 2008 à 16:17, par debutant En réponse à : Squelettes IENSP version pleine page

      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 ?

    • Le 14 janvier 2008 à 17:11, par Stéphane En réponse à : Squelettes IENSP version pleine page

      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

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

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 20 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

  • Configurer Sparkpost

    25 avril – 14 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

Ça spipe par là