Accueil > Informatique > Mes adaptations pour SPIP > Squelette SPIP généraliste ViaSPIP MH 2.03d gratuit

Squelette SPIP généraliste ViaSPIP MH 2.03d gratuit

jeudi 3 octobre 2013

(Compatible avec les versions SPIP 2.0.0 à 2.1.23)

La version 2.03d du squelette ViaSPIP MH sera la dernière de la branche 2.

Basé sur mon squelette ViaSPIP 2.xx, voici une variante avec menus horizontaux déroulants. L’intérêt, bien sûr, est de libérer une plus grande place à l’écran pour l’affichage des articles, puisque la colonne de gauche disparaît. Et puis, c’est aussi une question de goût.

Pour créer les menus horizontaux, je me suis inspiré du squelette IENSP_MH, rendons à César...

ViaSPIP MH

Tout comme le squelette ViaSPIP 2.xx, celui-ci est également un squelette généraliste qui présente les principales fonctionnalités suivantes :

- Bandeau de page
- Menus de rubriques horizontaux
- Largeur de page adaptable automatiquement à la résolution de l’écran
- Utilisation des brèves (menu à droite)
- Plan du site
- Page contact
- Recherche sur le site
- Forum pour les commentaires sur les articles
- Tri des rubriques et articles sur leur n° : utilisation de #TITRE|supprimer_numero dans les pages et menus. Il est à noter que vos rubriques et articles devront avoir un titre sous la forme 01. Titre. Dans l’espace public, les numéros n’apparaîtront pas, mais ces numéros "cachés" serviront pour les tris. Le gros avantage de cette façon de procéder est de pouvoir maîtriser l’ordre ses rubriques et articles sur le site public.
- Flux RSS sur les pages

Pour personnaliser et adapter le squelette à votre site, la principale chose à faire est de remplacer les deux fichiers du bandeau entête de page par des images de votre choix. Ces deux fichiers se trouvent dans le répertoire img du plugin : banner.jpg (1200x120) et fluidright.jpg (180x120).

Si on veut pousser la personnalisation, pour jouer par exemple sur les couleurs, les tailles de textes, etc, rendez-vous dans le fichier habillage.css du plugin.

Voici donc mon squelette pour SPIP "ViaSPIP MH 2.0.3d" que vous pouvez télécharger et utiliser gratuitement :

ViaSPIP MH 2.0.3d

Cette version est compatible avec les versions SPIP 2.0.0 à 2.1.23.

Versions :

2.03d du 12/09/2011 : nouvel habillage + petites corrections.

2.03c du 13/01/2011 : correction d’un bug de la version 2.03b.

2.03b du 20/10/2010 : compatibilité avec SPIP 2.1

Ce squelette a été validé pour les navigateurs suivants :
- Firefox : toutes versions depuis la version 3
- Internet Explorer 10, 9, 8, 7 (ne fonctionne pas sous IE6 : les sous-menus n’apparaissent pas)
- Opera
- Chrome
- Safari

Messages

  • Bravo pour votre travail... je vais essayer d’installer votre squelette pour mes premiers pas spipiens !!!
    encore bravo et merci de partager !

    • Je vais faire une nouvelle version de ce squelette avec menus horizontaux très bientôt, plus standard par rapport à la dist officielle, dans le même esprit que mon squelette avec menus à gauche JYG Web 2.0.10. Il me restera ensuite à adapter tout ça pour SPIP 2.1, mais j’attends encore un peu...
      Si cela vous intéresse, n’hésitez pas à revenir par ici...

    • Contrairement à ce que j’avais annoncé, je ne vais pas mettre gratuitement à disposition la nouvelle version plus standard de mon squelette avec menus horizontaux. Elle m’a demandé trop de travail pour la mise au point... Donner, échanger, c’est bien, mais il y a des limites, surtout quand on essaie d’en faire son activité professionnelle.

      Par contre, je viens de sortir une nouvelle mise à jour 2.03b de mon squelette, juste pour compatibilité avec SPIP 2.1. Celle-ci est gratuite.

    Répondre à ce message

  • Bonjour JY,

    je suis amateur administrateur d’un site SPIP 1.9 depuis 2006 :
    http://saintetherese.sgdf34.free.fr/spip/

    Je cherchais depuis longtemps à habiller mon menu de navigation horizontal de haut de page en entourant chaque lien par une zone rectangle active à la souris.

    Je vois sur ton site que c’est l’habillage que tu as utilisé.
    Je vais essayer d’explorer ton squelette pour trouver ces paramétrages dans ton menu de haut de page.

    Je n’ose pas passer en SPIP 2.xxx car j’ai changé trop de paramétrage dans la structure des modèles types. et je ne sais pas si je pourrais récupérer les articles quand on change de version spip.

    est ce "dangereux" de faire la mutation ?

    • Pour info, je viens tout juste de faire une nouvelle version (2.03b) pour compatibilité du squelette avec SPIP 2.1.

      Ma philosophie, c’est de rester le plus standard possible par rapport aux versions de SPIP en cours. Je préfère éviter de greffer des "verrues". Cela permet de suivre SPIP et ses versions sans trop de difficultés. Pour ce qui est de votre migration, il vaudrait mieux faire des essais en local d’abord, pour estimer l’impact sur vos squelettes... Prudence.

    • merci de votre réponse
      je vais essayer ... avec prudence

    Répondre à ce message

  • M. Giraud

    Bonjour

    J’avais choisi votre squelette à menus verticaux, et je viens d’en changer pour adopter les menus horizontaux déroulants ; mais je ne retrouve plus dans habillage.css la ligne qui me permettrait de changer la couleur du fond du bloc central où le message d’accueil s’affiche, au-dessus des "derniers articles".
    Si vous pouviez me l’indiquer...

    En vous remerciant pour votre travail que je trouve formidable

    Alain

    • Effectivement, mon squelette avec menus horizontaux est de conception plus ancienne et le fichier CSS est beaucoup moins standard que mon squelette avec menus verticaux actuel. Pour répondre à votre question, c’est la propriété "background-color" de la classe "chapo" qu’il faut modifier dans le fichier "habillage.css". Pour la couleur de fond, cela se situe à la ligne 464 (version 2.03c du plugin JYG Web MH).

    • bonjour

      j’ai essayé de modifier les couleurs sur cette ligne : border : solid 1px gray ;.chapo,.extrait,.edito .chapobackground-color : #FEE17E ;

      Mais cela a l’air de ne produire aucun effet.
      Où me suis-je donc trompé ?

      Merci et cordialement

      Alain

    • Je viens de faire un essai sans soucis. Votre code doit être ainsi (avec les couleurs que vous indiquez) :

      /* Description du site */
      .chapo
      {
              font-weight: bold;
              text-align: left;
              padding: 0.5em;
              font-size: 110%;
              border: solid 1px gray;
      }
      .chapo,
      .extrait,
      .edito .chapo
      {
              background-color: #FEE17E;
              color: black;
      }

      Une fois la modification effectuée, il faut bien sûr retélécharger le fichier habillage.css sur votre site par FTP. Par précaution, commencez par supprimer par FTP celui qui se trouve sur votre hébergement puis teléchargez le nouveau.

      Mais c’est peut-être une histoire de cache. Commencez par vider le cache SPIP de votre site. Mais normalement, un F5 pour rafraichir la page suffit.

    Répondre à ce message

  • Bonjour, j’espère ne pas vous déranger avec mes questions, je me lance à peine dans l’utilisation de SPIP et j’aime beaucoup votre squelette. Cependant je le modifie depuis quelques heures, et j’ai maintenant un plantage étrange.
    Le menu horizontal s’affiche deux fois l’un en dessous de l’autre du moment que je clique sur une rubrique, si je retourne à l’index le doublon disparait. A noter que le doublon fonctionne comme l’original. Auriez vous une idée du problème ?

    Deuxième chose, j’ai utilisé un peu la version viaspip avec menu vertical, mais j’ai préféré prendre la version horizontale finalement. Cependant je ne trouve pas comment faire disparaitre le texte de la bannière (pas de ligne à décommenter etc...). J’ai bien fais quelques coupes non chirurgicales dans habillage.css, mais il s’affiche toujours un "mon site spip" en haut à droite de la bannière... Une idée ?

    • Pour la 1ère question, difficile à dire à priori sans savoir ce que vous avez modifié dans le squelette. Je vous envoie un mail privé.

      Pour la 2ème question, c’est assez simple. Si vous souhaitez utiliser une image incorporant le titre du site dans le fichier "banner.jpg" afin d’obtenir un meilleur effet graphique, il faut alors faire disparaître le titre "texte". Pour cela, il faut modifier le fichier "habillage.css" :

      - Modifier la ligne 115 : à la place de "bottom : 40px ;", il faut mettre "top : -200px ;"

      Et le tour est joué ! Le titre "texte" n’apparaît plus (après un recalcul de page).

    Répondre à ce message

  • Répondre à ce message

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.