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...
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 :
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
1. Squelette SPIP généraliste JYG Web MH 2.03a gratuit, 17 juin 2010, 12:45, par SeB
Bravo pour votre travail... je vais essayer d’installer votre squelette pour mes premiers pas spipiens !!!
encore bravo et merci de partager !
1. Squelette SPIP généraliste JYG Web MH 2.03a gratuit, 18 juin 2010, 00:14, par Jean-Yves Giraud
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...
2. Squelette SPIP généraliste JYG Web MH 2.03a gratuit, 20 octobre 2010, 11:00, par Jean-Yves Giraud
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.
2. Super clair merci, 19 octobre 2010, 20:39, par Xavier
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 ?
1. Super clair merci, 20 octobre 2010, 10:48, par Jean-Yves Giraud
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.
2. Super clair merci, 20 octobre 2010, 18:13, par xavier
merci de votre réponse
je vais essayer ... avec prudence
3. Squelette SPIP généraliste JYG Web 2.1.2a gratuit, 27 mars 2011, 16:46, par Alain
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
1. Squelette SPIP généraliste JYG Web 2.1.2a gratuit, 28 mars 2011, 14:34, par Jean-Yves Giraud
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).
2. Squelette SPIP généraliste JYG Web 2.1.2a gratuit, 1er avril 2011, 13:21, par Alain,
Merci beaucoup
3. Squelette SPIP généraliste JYG Web 2.1.2a gratuit, 14 mai 2011, 11:02
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
4. Squelette SPIP généraliste JYG Web MH 2.03c gratuit, 16 mai 2011, 15:15, par Jean-Yves Giraud
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.
4. Squelette SPIP généraliste ViaSPIP MH 2.03d gratuit, 22 décembre 2011, 17:30, par pierreB
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 ?
1. Squelette SPIP généraliste ViaSPIP MH 2.03d gratuit, 23 décembre 2011, 09:57, par Jean-Yves Giraud
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" :
Et le tour est joué ! Le titre "texte" n’apparaît plus (après un recalcul de page).
5. conti, 16 novembre 2013, 11:06, par hak
Superbe travail