Langues du site : عربي | Deutsch | English | Español | français | italiano | Nederlands
288 Plugins, 197 contribs sur SPIP-Zone, 234 visiteurs en ce moment
Accueil > Navigation > Tris Alphabétiques > Plan arborescent
Une petite liste, quelques lignes de CSS et on obtient une belle arborescence présentant le plan du site.
Grâce à quelques astuces CSS appliquées à une liste, il est possible d’obtenir un plan du site présenté sous forme arborescente. Il suffit d’appliquer des bordures aux bons éléments.
Dans l’exemple donné ci-dessous les rubriques sont en gras et un petit peu plus grande que les articles pour les différencier. Je n’ai pas intégré les brèves dans ce plan.
Un exemple se trouve ici
A intégrer en entête de votre page ou dans le fichier CSS de votre squelette.
Dernière modification de cette page le 9 décembre 2006
10 juillet – 35 
Lors de la SPIP Party 2017 à Toulouse, un nouveau contributeur est venu nous présenter son travail sur une refonte du logo. Au delà de la refonte du logo, c’est une toute nouvelle identité graphique pour SPIP que Jordan nous propose. Voici une (...)
15 mai 2009 – 68
À utiliser pendant une phase de maintenance, ce plugin affiche une page d’avertissement personnalisable, en lieu et place du site public.
19 janvier 2016 – 212
ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)
29 octobre 2016 – 34
Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)
20 avril 2012 – 315
La Fabrique est un outil pour webmestres ou développeurs qui souhaitent créer des plugins. La Fabrique est capable de générer le code source minimal d’un plugin pour SPIP 3 (elle accélère donc le démarrage d’un plugin) et peut s’occuper également de (...)
RSS 2.0
Vos commentaires
# Le 5 novembre 2005 à 19:06, par druith
En réponse à : Plan arborescent
J’ai un problème sous I.E avec ce plan. Les balises
Je suis le seul à rencontrer ce problème ?
Répondre à ce message
# Le 28 février 2005 à 08:08, par Bionet
En réponse à : variante
Je viens de faire une petite variante (j’ai sorti la balise strong du code html pour l’intégrer au CSS ce qui est plus logique).
J’ai également utilisé la balise #EXPOSER pour signaler la rubrique en cours.
# Le 28 février 2005 à 12:56, par ?
En réponse à : > variante
Inutile d’aller jeter un coup d’oeil sur le site ci-avant. Je suis revenue de cette arborescence suite à de gros problèmes sous MSIE. En effet, le menu en question refusait alors de rester dans sa boîte CSS et s’étalait sur le texte à sa droite.
# Le 28 février 2005 à 13:05, par ?
En réponse à : > > variante
Tu aurais dû le laisser, qu’on puisse regarder pourquoi il s’étalait. C’est assez étonnant que ta liste actuelle ne s’étale pas et que l’autre si. Si tu la remets préviens-moi que je fasse quelques tests pour voir l’origine du pb sous IE.
# Le 28 février 2005 à 16:51, par Bionet
En réponse à : > > > variante
Je l’ai remis en ligne dans le style « menu hiérarchique ». Voilà, il est tout prêt pour les tests. Les CSS se trouvent dans http://www.biospip.org/biospip/biocss/.
# Le 28 février 2005 à 16:58, par Bionet
En réponse à : > > > > variante
Je complète mon précédent message :
- J’ai placé un sélecteur de styles en haut à gauche de chaque page comme celle-ci ;
- En choisissant « menu hérarchique » on obtiens la même page avec le menu arborescent de cette contribution ;
- Le squelette du menu se trouve à l’adresse : http://biospip.org/biospip/inc_menu.html ;
- Les CSS du menu se trouvent à l’adresse : http://biospip.org/biospip/biocss/d....
Voilà je crois qu’il y a tout maintenant ;-)
# Le 28 février 2005 à 21:58, par Miss Mopi
En réponse à : > > > > > variante
Problème résolu : ne pas mettre de width sur les ul de deuxième niveau (et plus) mais seulement sur le premier niveau. Si on prend l’exemple ci dessus : on peut mettre une taille sur ul.plansite mais pas sur ul.plansite ul.
Firefox donne la priorité au niveau le plus haut et IE au niveau le plus bas. On a donc des comportements différents.
Répondre à ce message