HOWTO --> autoindexcms is dependent on jQuery, so make sure you have that installed. The version used in this example is 2.1.1 minified. <--- First enable mod_autoindex in apache: $ sudo a2enmod autoindex make a file in /etc/apache2/ called dirlist.conf that contains the following: #ENABLE DIRECTORY INDEX Options +Indexes #IGNORE FILES AND FOLDERS IN THE LISTING: IndexIgnore header.html footer.html js css robots.txt my_invisible_folder IndexIgnore favicon.ico .htaccess .ftpquota .DS_Store icons *.log *,v *,t .??* *~ *# # STRONG HTACCESS PROTECTION order allow,deny deny from all # SET INDEX OPTIONS IndexOptions IgnoreCase XHTML NameWidth=* DescriptionWidth=* SuppressHTMLPreamble # SPECIFY HEADER FILE HeaderName /header.html # SPECIFY FOOTER FILE ReadmeName /footer.html in /etc/apache2/site-enabled/default add "Include dirlist.conf" right before it says "" in /var/www/ make a file called header.html which contains: My Website Title

WEBSITE HEADER

then another file called footer.html which contains:

lastly make a file called default.css which contains the following: div#sourcedata { visibility: hidden; display: none; height: 0px; } div.filename { font-size: 16px; } div.file.type_image{ float:left; width:90%; max-width: 640px; height:90%; max-height: 640px; padding: 25px; text-align: center; } div.file.type_html{ float:left; width:640px; height:100%; padding:16px; font-size:24px; text-align: justify; } div.file { float:left; width: 200px; height: 200px; padding: 16px; text-align: center; } div.file img.type_image { max-width: 480px; max-height: 480px; } div.file img.type_folder { width: 40px; height: 44px; } div.file img.type_file { width: 40px; height: 44px; } That's all the configuration!