generationcyb.net pointcyb lien vers les points cyb
Inscription à la lettre d'information | Fil infos rss 
Accueil > Spip

Personnaliser les squelettes graphiques



Articles de cette rubrique

- Comment personnaliser des thèmes graphiques pour votre site SPIP
Le logiciel libre et gratuit SPIP, qui équipe une multitude de sites Internet dont GénérationCyb.net, dispose depuis sa version 2.0 d’un grand nombre de "thèmes" graphiques que l’on peut personnaliser à loisir. Voici un aperçu général sur la manière de procéder.
lundi 15 février 2010 par Unité Jessic de l’Injep

- Zpip et SPIP Zen Garden, pour donner de belles couleurs à votre site SPIP
Le plugin Zen Garden, associé au squelette Zpip, permet de gérer une galerie de thèmes graphiques pour votre site, et de changer très facilement de thèmes parmi les thèmes disponibles.
vendredi 27 novembre 2009 par Webmestre

- Quelques logiciels utiles pour créer son site SPIP
Quelques logiciels utiles pour créer son site SPIP. Libres ou gratuits, ils vous permettront de créer ou modifier le code html et css de vos squelttes SPIP.
mercredi 20 août 2008

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


jeudi 15 mai 2008 par JC Sarrot

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


vendredi 1er février 2008 par JC Sarrot

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


jeudi 23 août 2007 par Emmanuel Lamotte

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


jeudi 23 août 2007 par Emmanuel Lamotte

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


lundi 20 août 2007 par Unité Jessic de l’Injep

- Modifier un squelette depuis le back-office de Spip
Objectifs de l’exercice :
- comprendre comment, grâce au plugin « Squelette éditeur », on peut personnaliser les squelettes de son site Spip depuis le back-office Spip,
- maîtriser le système par défaut de nommage par numérotation des squelettes rubriques, articles et breves lors de la création de nouveaux squelettes,
- comprendre la syntaxe d’une « boucle Spip » et effectuer quelques modifications ou créations de boucles Spip
lundi 11 juin 2007 par Unité Jessic de l’Injep

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

- CSS - Centrer une page dans la fenêtre
Cet article est librement copié de http://edu.ca.edu. C’est l’occasion de découvrir ce site Spip, sous licence Creative Commons et plein de ressources passionnantes.
mercredi 21 mars 2007 par Unité Jessic de l’Injep

- "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…


jeudi 16 novembre 2006 par JC Sarrot

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


jeudi 25 mai 2006 par JC Sarrot

- Espfor : Des squelettes SPIP pour des groupes en formation
Espfor (espace formation) est un ensemble de squelettes SPIP spécialement configurés pour gérer des contenus et des échanges de groupes accompagnés en formation à distance.
Ils ont été développés par Pascal Choteau, formateur au Centre régional d’éducation populaire et de sports à Bordeaux et sont disponibles sous licence libre (GPL) à l’adresse http://animateurs-creps.medias-cite.org/doc/espfor_2_1.zip.
Ils s’installent aisément sur SPIP 1.8.2 g et permettent en particulier :
de gérer un (…)
vendredi 10 mars 2006 par JC Sarrot

- 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

Contact | Plan du site | Espace privé
Dernier ajout : vendredi 24 mai 2013 | 821 articles sur ce site.

Generationcyb.net est motoris´ par Spip 1.9.2e associ´ a un squelette spip Rizom
Sauf indication, les articles sont mis a disposition sous un contrat Creative Commons
Ministere en charge de la jeunesse Institut national de la jeunesse et de l'education populaire Information jeunesse Centre d'information et de documentation jeunesse