update readme
1 file changed
tree: 2d4c82d5cdaf6cc88485daba794aa370a97c777c
  1. .gitignore
  2. .htaccess
  3. 404.html
  4. README.md
  5. htaccess-txt.txt
  6. theme/

Directory Theme

A simple, customizable theme for your Apache directory listing. Be sure you have mod_autoindex loaded. Here is a demo of what the result looks like: gif library.


  • search the directory and display results, as the user inputs the search term

  • custom styling of the default directory indexing

  • .html files are linked to without the file extension (ex. http://localhost/example.html -> http://localhost/example)

    • if you would rather like this to be removing the file extention for .php files replace these lines

      	RewriteCond %{REQUEST_FILENAME}\.html -f
      	RewriteRule ^(.*)$ $1.html

      in .htaccess with the following

      	RewriteCond %{REQUEST_FILENAME}\.php -f
      	RewriteRule ^(.*)$ $1.php
  • changes "Last modified" column to display time as time since (ex. 2 minutes ago, 4 days ago, etc)

  • htaccess-txt.txt is included because .htaccess might be hidden by your computer after downloading, copy the contents into a file you name .htaccess if this is the case


  1. Download.
  2. Add the contents of directory-theme to the root folder of your localhost (ex. Sites)
  3. Check to be sure you have a .htaccess file in the root and that its contents are the same as .htaccess
    • you may need to show hidden files by typing the following into terminal:

      	defaults write com.apple.Finder AppleShowAllFiles TRUE
    • then restart finder by typing

      	killall Finder
  4. View your localhost in your favorite browser, cough Chrome cough


  • Change any styles in style.css
  • Add any elements or customize the header: header.html
  • Add any elements or customize the footer: footer.html
  • Ignore certain files or directorys by customizing .htaccess by adding to the line IndexIgnore .htaccess /theme favicon.ico *.tmproj 404.html htaccess
  • Swap out, add, or custumize any icon by changing .htaccess and editing the lines starting with AddIcon and changing the file reference, /theme/icons/gif.png or file extension, .gif, result should look like this AddIcon /theme/icons/gif.png .gif


Based off apaxy by Adam Whitcroft