SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 152 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 ?
    • [Se connecter]

    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

    • Mise à jour automatique des plugins

      5 octobre 2009 – 156 commentaires

      Une nouvelle lame du Couteau Suisse permet de visualiser les plugins nécessitant une mise à jour, tout comme SPIP lui-même ! Présentation Rendons à César ce qui est à César, voici un extrait de la présentation du Couteau Suisse pour sa lame « Mise (...)

    • Plugin Modèles media

      25 avril 2011 – 170 commentaires

      Les modèles , et produisent chacun un résultat différent et ce résultat, pour les images, dépend du fait qu’elle soit dans le portfolio ou non. Ce plugin propose une nouvelle série de modèles ayant un comportement unifié et indépendant du mode des (...)

    • Refonte de l’identité graphique

      10 juillet – 68 commentaires

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

    • Mailsubscribers

      16 janvier 2013 – 306 commentaires

      Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

    • Saisies

      27 mars 2010 – 490 commentaires

      Introduction Créer un formulaire est une tâche toujours un peu répétitive : les champs ont souvent les mêmes propriétés, le même accompagnement (message d’erreur, explication, ...) et la même structure HTML. Ce plugin est un outil pour les développeurs (...)

    Ça spipe par là