How to "theme" HTML directory pages.

Hello all,

I've seen on other websites, when you visit a directory and list files (eg: http://snapshot.opera.com/unix/328_12.00-1406/), some of these pages have custom icons, CSS, HTML etc.

I've looked and looked and found nothing on this (mostly because, I'm not exactly sure what I should be looking for). How do I edit the CSS, HTML etc?

Please help,

Josh.

Replies (3)

I don't think that's a directory page...

Reply 1 2012-05-13

To me it just looks like an html page that looks like a directory page. If you go to the page and 'save page as...' html then you can check out how it's done in the text/html editor of your choice...

Learn something new every day! :)

Reply 2 2012-05-13

Awesome Robert! Thanks heaps for that. I never even realised that was possible. Bookmarked for future reference.

Two ways...

Reply 3 2012-05-13

Search for Apache Module mod_autoindex and/or FancyIndexing.

Also take a look at: http://www.superk.org/index.php/Apache_FancyIndexing

The easy way... Add this to your .htaccess file. Make a HEADER.html and a FOOTER.html (can just be a text file).

Options Indexes
IndexOptions FancyIndexing SuppressHTMLPreamble XHTML IconsAreLinks FoldersFirst NameWidth=* DescriptionWidth=* HTMLTable
HeaderName HEADER.html
ReadmeName FOOTER.html
IndexIgnore FOOTER.html HEADER.html ".."
IndexOptions Charset=UTF-8
AddDescription "I love fancy icons" MD5SUMS
AddDescription "Fancy icon sources" *