SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 224 visiteurs en ce moment

Accueil > Navigation > Tris Alphabétiques > Plan arborescent

Plan arborescent

27 février 2005 – par Miss Mopi – commentaires

1 vote

Une petite liste, quelques lignes de CSS et on obtient une belle arborescence présentant le plan du site.

Introduction

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

La boucle

Le code CSS

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

Retour en haut de la page

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

  • sont décalées de 5px vers la droite par rapport à Firefox, et il faut mettre margin-left : -5px ; dans ul.plansite li a mais dans ce cas c’est Firefox qui n’affiche plus correctement ! Je vais quand même pas utiliser du JavaScript pour ça ?!

    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.

    Répondre à ce message

  • Répondre à cet article

    Qui êtes-vous ?

    Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

    Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
    Ajouter un document

    Retour en haut de la page

    Ça discute par ici

    • Sélections éditoriales

      19 mars 2015 – 69 commentaires

      Faites des listes de choses intéressantes. Ce plugin permet de gérer des listes de contenus quelconques de manière éditoriale. Chaque sélection est donc entièrement libre, et peut renvoyer aussi bien vers des contenus internes au SPIP quels qu’ils (...)

    • Mots arborescents

      12 octobre 2015 – 12 commentaires

      Ce plugin permet de gérer une arborescence de mots-clés. La configuration d’un groupe de mots dispose d’une nouvelle option pour autoriser pour ce groupe les arborescences de mots-clés. Dans ces groupes, des mots enfants peuvent être créés pour (...)

    • Agenda Fullcalendar facile

      29 octobre 2016 – commentaires

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

    • Les crayons

      23 avril 2008 – 816 commentaires

      Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

    • Sublime-SPIP

      25 novembre 2012 – 36 commentaires

      Sublime-SPIP est un plugin pour Sublime text 2/3, mon éditeur de code préféré pour le moment. Ce plugin ajoute le langage spécifique au CMS SPIP à Sublime Text 2/3 grâce à une collection de snippet. Il ajoute également les balises spécifiques aux (...)