- Exemples de menus déroulants et dépliants pour Spip
Voici, tirés de www.spip-contrib.net, des modèles de menus déroulants et dépliants pour votre site Spip, avec des liens menant vers les explications pour les mettre en oeuvre.
Nous vous rappelons qu’il reste quelques places dans le stage "Construire un site Spip de A à Z" qui se déroule entre le 8 septembre et le 15 décembre 2008 (au total, 7 jours en présentiel et 3 mois de travail collaboratif à distance). Pour s’inscrire : Construire un site Spip de A à Z.
- Installer des squelettes Sandwater
Cet article peut faire suite à Exercice : installer un site Spip chez OVH pour qui veut créer son premier site Spip et lui apporter un habillage graphique sympathique.
Dans l’article précédent, nous avons décrit comment installer un site Spip "nu". Voyons ici comment lui ajouter des "squelettes" graphiques afin d’agrémenter sa présentation. Nous avons choisi dans notre exemple le jeu de squelettes Sandwater, libres et gratuits.
- Lebanon 2007 : Modifier l’aspect graphique (programmation CSS)
Nous allons maintenant modifier le squelette Lebanon pour l’adapter à nos besoins.
Avant tout, n’oubliez de sauvegarder régulièrement vos modifications pour pouvoir revenir en arrière si besoin.
jeudi 23 août 2007
par Emmanuel Lamotte
- Lebanon 2007 : Ajouter un menu (programmation SPIP)
Nous allons reprendre le squelette Lebanon pour le transformer en portail. Nous avons actuellement une présentation de type blog : les articles sont listés les uns après les autres.
Sur les sites portails, on a souvent les grandes catégories auxquels on peut accéder directement. Nous allons donc ajouter sous l’entête, une barre de navigation horizontale qui reprend les rubriques principales du site.
- Des squelettes Lebanon 2007 pour votre site Spip
Ce jeu de squelettes est basé sur le travail original de Romy.
Il a été mis à jour par nos soins pour mieux respecter les standards w3c et les dernières évolutions de SPIP 1.9.2, 1.9.3.
Voici comment l’installer sur votre site Spip.
- Lebanon 2007 : Analyse de la CSS du squelette
Cet article vise à décortiquer la feuille de style du jeu de squelette Lebanon pour pouvoir facilement l’adapter à vos besoins.
mercredi 22 août 2007
par Emmanuel Lamotte
- Analyse de la CSS des squelettes par défaut (dist) pour SPIP v1.9
Un éclairage pour mieux comprendre la structure CSS des squelettes Spip par défaut et pouvoir les personnaliser avec plus de facilité.
Vous pouvez en effet construire vos propres squelettes en modifiant les feuilles de style de Spip, sans nécessairement modifier les squelettes de départ en eux-mêmes.
- Modifier un squelette depuis le back-office de Spip
Objectifs de l’exercice :
- "Alternatives" : des squelettes graphiques clés en main pour SPIP
Les squelettes "Alternatives" sont de nouveaux squelettes gratuits pour Spip, qui ont la particularité de s’installer sous forme de plugin. La procédure est donc relativement simple, et les fonctionnalités et les possibilités graphiques sont riches et variées.
jeudi 26 avril 2007
par JC Sarrot
- "Récit FP" : de beaux squelettes québécois pour SPIP
Voici de sympathiques squelettes SPIP prêts à l’emploi. Ils nous viennent cette fois-ci du Québec et se nomment "Récit-FP Partenaires", du nom de l’organisme qui leur a donné naissance : le Réseau pour le développement des Compétences par l’Intégration des Technologies (et FP pour Formation professionnelle).
Sympathiques pourquoi ? Pour leur graphisme sobre et élégant, les effets de survol qui ajoutent une petite touche d’esthétisme, les outils prévus tels que gestion du multilinguisme, calendrier…
- Créer et modifier des squelettes SPIP
Qu’y a t-il dans un squelette ?
Les "squelettes" html sont les patrons-types qui définissent le look de toutes les pages du site : pour les pages présentant les articles, il existe un squelette html nommé par défaut article.html, pour les pages présentant les rubriques, c’est rubrique.html, etc.
Les squelettes SPIP ne contiennent normalement que du code html et des boucles SPIP (et parfois du javascript). On peut donc, à condition de connaître leur emplacement dans un site, les afficher (…)
mardi 12 septembre 2006
par JC Sarrot
- Créer et modifier les feuilles de style d’un site SPIP
Voir aussi www.spip.net/fr_rubrique269.html
NB : ce chapitre ne traite pas de notions spécifiques à Spip. La gestion des feuilles de style par Spip est identique à celle qui est recommandée par le W3C (World Wide Web Consortium), exceptée sur deux points :
Spip génère automatiquement des balises html lors du traitement des balises Spip, et des styles CSS sont associés par défaut à ces balises html générées (voir ci-dessous "Les caractéristiques de style générées par SPIP"). Ces styles CSS (…)
mardi 12 septembre 2006
par JC Sarrot
- Soignez le look de votre site avec Spip !
On entend parfois dire que l’on reconnaît un site Spip à son graphisme simpliste, voire inexistant voire hideux. Ce n’est pas entièrement faux : comme Spip laisse une entière liberté graphique, cela peut donner le pire… comme le meilleur.
Voici, pour vous inspirer, une sélection de 10 sites Spip récents, qui allient inspiration graphique à ergonomie Web, bref, des sites… que l’on ne soupçonneraient pas d’être Spip !
- Spip-squelettes, un éditeur libre de squelettes pour Spip
Spip-squelettes est un logiciel libre qui permet de construire des squelettes pour un site Spip, ces fameux gabarits graphiques qui permettent de personnaliser le look et les fonctionnalités publiques de son site.
Spip-squelettes propose en particulier une aide à la construction des "boucles Spip", ce langage de programmation simplifiée inventé par Spip pour éviter d’avoir à coder du php.
le logiciel est téléchargeable (versions Windows, Linux et Mac) depuis (…)
jeudi 2 mars 2006
par JC Sarrot
- Comment personnaliser la page d’accueil de son site BeeSpip ?
Si vous avez lu notre article Avec Beespip, SPIP devient un (beau) jeu d’enfant, vous savez déjà que vous pouvez réaliser un beau site comme www.cc-concarneaucornouaille.fr/spip avec un peu de patience et pas beaucoup (sinon pas du tout !) d’euros. Mais peut-être trouverez-vous difficile de concevoir une page d’accueil à votre goût ? Alors voici, tirés du site officiel de Beespip, quelques conseils pour vous en sortir.
jeudi 30 juin 2005
par JC Sarrot
- Avec Beespip, SPIP devient un (beau) jeu d’enfant
Beespip vient de naître. C’est SPIP avec un plus non négligeable : un habillage graphique à la fois beau, simple et bien pensé au niveau ergonomique.
Les installateurs de sites SPIP se heurtaient jusqu’à présent à cette difficulté principale : la conception de squelettes html graphiques ou leur importation depuis un autre site. Certains trouveront donc leur compte avec Beespip.
Et outre ce grand intérêt, Beespip possède d’autres points forts…
vendredi 18 février 2005
par JC Sarrot
- Outils SPIP : histoires de boucles (suite)
On l’a déjà vu, SPIP a inventé un langage simplifié basé sur des « boucles », afin de vous éviter la programmation en php et MySql pure et dure. Pour créer vos propres squelettes (c’est-à-dire pour créer votre propre mise en page), il est inévitable de savoir comment créer des boucles. Et rien de tel pour apprendre à concevoir ses boucles que de partir d’exemples.
vendredi 30 janvier 2004
par JC Sarrot
- Outils SPIP : le mystère des boucles dévoilé !
Pour SPIP, la vie est simple et est faite de boucles. La "boucle SPIP" est, avec la "balise", le "filtre SPIP" et le "critère", LA chose à comprendre pour faire ce que l’on veut avec ce logiciel libre qui permet de construire des sites Web interactifs. Tentative d’explication…
mardi 21 octobre 2003
par JC Sarrot