Skip to content


Listings de répertoire plus sympas avec Apache

Dans Apache, si on net met pas de fichier index dans un répertoire et qu’on n’a mis l’option NoIndex, il génère un listing du répertoire. Pratique pour échanger des fichiers trés simplement. Par contre c’est moche :

Listing Apache par défaut

Listing Apache par défaut

C’est le module autoindex qui fait çà. Heureusement il a pas mal d’options. Notamment, on peut remplacer les icônes et surtout spécifier des fichiers html de footer et de header.

Et grâce au header on peut intégrer du CSS… donc c’est gagné.

Ici, j’ai mis l’option « HeaderName /header.html » et ajouté « header.html » à l’option « IndexIgnore » (pour ne pas afficher le fichier header.html lui-même dans le listing) dans le fichier /etc/apache2/mods-available/autoindex.conf puis j’ai redémarré mon serveur Apache et j’ai mis ce simple fichier header.html à la racine de mon serveur :

<html><head>
<style type="text/css">
body {
background: #eee;
margin: 33px;
color: #333;
font: 9px helvetica;
}
hr {
border-bottom: 1px black dashed;
border-top: 0;
border-right: 0;
border-left: 0;
}
table {
font-size: 1.4em;
}
h1 {
font: 2.0em Georgia, serif;
}
h1 a:hover, h1 a:active {
text-decoration: none;
}
a:link {
text-decoration: none;
color: #555;
}
a:visited {
text-decoration: none;
color: #777;
}
a:hover, a:active {
text-decoration: underline;
color: maroon;
}
pre {
font: 0.9em/1.3em "courier new";
margin: 3px 0;
color: #777;
}
pre img {
display: inline;
}
img {
margin: 3px 0;
}
</style>
</head>

Et pouf :

Listing modifié vite-fait

Listing modifié vite-fait

J’ai ajouté « SuppressDescription » à l’option « IndexOptions » pour virer la colonne « Description ». J’aurai pu mettre des icônes plus sympa aussi. Plus de détails ici.

Bien sûr on peut pousser plus loin avec du CSS bien chiadé.

Partager :
  • Facebook
  • Twitter
  • Wikio FR
  • Google Bookmarks
  • Netvibes
  • Live
  • email
  • Print

Posted in Internet, Logiciels libres.

Tagged with .


2 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Rumbaya says

    Bonjour,
    merci pour ce tuto simple et efficace. Saurais tu comment « localiser » les noms de colonnes en français, pour avoir « Nom » et « Taille » à la place de « Name » et « Size »?

  2. northernlights says

    Hello,
    Non je sais pas et 10 min. de Google n’ont pas aidé :( .



Some HTML is OK

or, reply to this post via trackback.