Einleitung
In diesem Tutorial möchte ich mich mit der .htaccess-Datei beschaffen. Man kann mit dieser Datei ziemlich viel auf dem Serer ändern. Ich gehe hier jedoch nur auf das anpassen des Directoy Listings ein.
1. Aktivieren der Option für die Darstellungsänderung
Als erstes schreibt man folgendes in die .htaccess, um eigene Optionen für das Verzeichnislisting einzuschalten:
FancyIndexing On
2. Dateien/Ordner ausschließen
Um bestimmte Elemente von der Auflistung auszuschließen, z.B. bei uns den Ordner (dateien), der die Bilder und Kopf/Fußzeile enthält:
IndexIgnore dateien
Das geht natütich auch mit Dateien oder Dateiteilen: *.jpg, bild.gif... .
3. Ändern der Kopfzeile
Die Kopfzeile (dort wo normalerweise 'Index of ...' steht) kann man durch eine selbst erstellte Datei ersetzen. Man fügt dazu folgende Zeile ein:
HeaderName dateien/header.php
Diese Datei erstellt man nun ins Dateien-Verzeichnis.
4. Ändern der Fußzeile
Hier bewirkt es das gleiche wie oben, nur heißt der Befehl dazu (z.B.):
ReadmeName footer.php
5. Ändern der Dateibeschreibungen
Als nächstes ändern wir die Beschreibungen für die einzelnen Dateien, z.B. so:
AddDescription "WinRAR-Archiv" *.ace *.arj *.bz *.bz2 *.cab *.gz *.jar *.lzh *.rar *.tar
AddDescription "Windows Media-Audio-/Videodatei" *.asf *.au *.avi *.wm *.wma *.wmv
AddDescription "Bitmap" *.bmp *.dib
AddDescription "Microsoft Word-Dokument" *.doc *.dot
AddDescription "Adobe Acrobat Document" *.edn *.pdf
AddDescription "GIF-Bild" *.gif
AddDescription "HTML Dokument" *.htm *.html
AddDescription "JPEG-Bild" *.jfif *.jpe *.jpeg *.jpg
AddDescription "MIDI-Sequenz" *.mid *.midi *.rmi
AddDescription "QuickTime Movie" *.mov
AddDescription "Videodatei (MPEG)" *.mp2v *.mp3 *.mpe *.mpeg *.mpg *.mpv2
AddDescription "MP3-Audioformat (MP3)" *.mp3
AddDescription "Windows Installer-Paket" *.msi
AddDescription "PNG-Bild" *.png
AddDescription "Microsoft PowerPoint Presentation" *.ppt
AddDescription "Rich Text Format" *.rtf
AddDescription "Textdokument" *.txt
AddDescription "Wavesound" *.wav
AddDescription "Microsoft Excel-Dokument" *.xls *.xla
AddDescription "ZIP-komprimierter Ordner" *.zip
Man kann diese Liste auch beliebig erweitern. Ich habe mal alle Dateien aufgeschrieben, die mir eingefallen sind.
6. Ändern der (Datei-)Icons
Jetzt kommen wir zum wesentlichen Teil des Tutorials: Das ändern der Standart-Icons.
Als Erstes ändern wir das Icon für den Parent-Directory-Pfeil:
AddIcon dateien/BACK.png ..
Dann ändern wir das Icon für Ordner;
AddIcon src/DIR.png ^^DIRECTORY^^
Als nächstes können wir noch das Icon für das Blank-Icon ändern:
AddIcon src/BLANK.png ^^BLANKICON^^
Jetzt ändern wir das allgemeine Icon für Dateien, denen kein Icon zugeordnet ist:
DefaultIcon src/BLANK.png
Dann ändern wir im gleichen Verfahren die Icons für die einzelnen Dateien. Dies habe ich so gemacht:
AddIcon src/HTM.png htm html
AddIcon src/CSS.png css
AddIcon src/ASP.png asp
AddIcon src/PHP.png php
AddIcon src/XML.png xml
#pics
AddIcon src/GIF.png gif
AddIcon src/JPG.png jpg jpeg
AddIcon src/PNG.png png
AddIcon src/BMP.png bmp
AddIcon src/PSD.png psd
AddIcon src/TIFF.png tiff tif
#zips
AddIcon src/ZIP.png zip
AddIcon src/TAR.png tar
AddIcon src/GZ.png gz
AddIcon src/ACE.png ace
AddIcon src/CAB.png cab
AddIcon src/RAR.png rar
#audio/video
AddIcon src/MP3.png mp3
AddIcon src/WMA.png wma
AddIcon src/WAV.png wav
AddIcon src/MIDI.png midi mid
AddIcon src/OGG.png ogg
AddIcon src/AVI.png avi
AddIcon src/MOV.png mov
AddIcon src/MP4.png mp4
AddIcon src/MPG.png mpg mpeg
AddIcon src/WMV.png wmv
AddIcon src/M3U.png m3u
AddIcon src/ASX.png asx
#cdr
AddIcon src/BIN.png bin
AddIcon src/CUE.png cue
AddIcon src/CCD.png ccd
AddIcon src/NRG.png nrg
AddIcon src/ISO.png iso
#Documents
AddIcon src/DOC.png doc
AddIcon src/TXT.png txt
#others
AddIcon src/TTF.png ttf
AddIcon src/SYS.png sys
AddIcon src/INI.png ini
AddIcon src/BAT.png bat
AddIcon src/DLL.png dll
Zum Schluss ändern wir noch die Icons für die restlichen Datein algemein:
AddIconByType text/* src/TEXT.png
AddIconByType image/* src/IMAGE.png
AddIconByType video/* src/VIDEO.png
AddIconByType audio/* src/AUDIO.png
AddIconByType application/* src/APP.png
7. Andern des Alt-Tags der Icons
Man kann natürlich auch die ALT-Tags der Icons ändern. Diese werden angezeigt, wen das Icon nicht angezeigt werden kann oder wenn man mit der Maus darüber fährt.
AddAltByType "Text" text/*
AddAltByType "Bild" image/*
AddAltByType "Video" video/*
AddAltByType "Audio" audio/*
AddAltByType "Anwendung" application/*
8. Sonstiges
- Mit IndexOptions IconsAreLinks kann man die Icons auch anklickbar machen.
- Mit IndexOptions ScanHTMLTitles legt man fest, dass aus HTML-Dateien der Title-Tag ausgelesen wird und als Beschreibung angezeigt wird.
- Mit SuppressLastModified veranlasst man, dass der Zeitstempel der Dateien nicht angezeigt wird.
- Mit SuppressSize wird die dateigröße ausgeblendet.
9. Gesamte Datei/Infos
# .htaccess zum Anpassen des Directory-Listings
# Hier: Foood-Icons
# Eigene Optionen zur Darstellung einschalten
FancyIndexing On
# Eigener Header
HeaderName kopf.htm
# Fußinformationen
ReadmeName fuss.htm
# Dateien ignorieren
IndexIgnore kopf.htm fuss.htm src
# Sortieren
# z.B. IndexOrderDefault Descending Name
# Datei-Beschreibungen
AddDescription "WinRAR-Archiv" *.ace *.arj *.bz *.bz2 *.cab *.gz *.jar *.lzh *.rar *.tar
AddDescription "Windows Media-Audio-/Videodatei" *.asf *.au *.avi *.wm *.wma *.wmv
AddDescription "Bitmap" *.bmp *.dib
AddDescription "Microsoft Word-Dokument" *.doc *.dot
AddDescription "Adobe Acrobat Document" *.edn *.pdf
AddDescription "GIF-Bild" *.gif
AddDescription "HTML Dokument" *.htm *.html
AddDescription "JPEG-Bild" *.jfif *.jpe *.jpeg *.jpg
AddDescription "MIDI-Sequenz" *.mid *.midi *.rmi
AddDescription "QuickTime Movie" *.mov
AddDescription "Videodatei (MPEG)" *.mp2v *.mp3 *.mpe *.mpeg *.mpg *.mpv2
AddDescription "MP3-Audioformat (MP3)" *.mp3
AddDescription "Windows Installer-Paket" *.msi
AddDescription "PNG-Bild" *.png
AddDescription "Microsoft PowerPoint Presentation" *.ppt
AddDescription "Rich Text Format" *.rtf
AddDescription "Textdokument" *.txt
AddDescription "Wavesound" *.wav
AddDescription "Microsoft Excel-Dokument" *.xls *.xla
AddDescription "ZIP-komprimierter Ordner" *.zip
#Datei-Icons
AddIcon src/DIR.png ^^DIRECTORY^^
AddIcon src/BLANK.png ^^BLANKICON^^
AddIcon src/BACK.png ..
AddIcon src/HTM.png htm html
AddIcon src/CSS.png css
AddIcon src/ASP.png asp
AddIcon src/PHP.png php
AddIcon src/XML.png xml
#pics
AddIcon src/GIF.png gif
AddIcon src/JPG.png jpg jpeg
AddIcon src/PNG.png png
AddIcon src/BMP.png bmp
AddIcon src/PSD.png psd
AddIcon src/TIFF.png tiff tif
#zips
AddIcon src/ZIP.png zip
AddIcon src/TAR.png tar
AddIcon src/GZ.png gz
AddIcon src/ACE.png ace
AddIcon src/CAB.png cab
AddIcon src/RAR.png rar
#audio/video
AddIcon src/MP3.png mp3
AddIcon src/WMA.png wma
AddIcon src/WAV.png wav
AddIcon src/MIDI.png midi mid
AddIcon src/OGG.png ogg
AddIcon src/AVI.png avi
AddIcon src/MOV.png mov
AddIcon src/MP4.png mp4
AddIcon src/MPG.png mpg mpeg
AddIcon src/WMV.png wmv
AddIcon src/M3U.png m3u
AddIcon src/ASX.png asx
#cdr
AddIcon src/BIN.png bin
AddIcon src/CUE.png cue
AddIcon src/CCD.png ccd
AddIcon src/NRG.png nrg
AddIcon src/ISO.png iso
#Documents
AddIcon src/DOC.png doc
AddIcon src/TXT.png txt
#others
AddIcon src/TTF.png ttf
AddIcon src/SYS.png sys
AddIcon src/INI.png ini
AddIcon src/BAT.png bat
AddIcon src/DLL.png dll
AddIconByType text/* src/TEXT.png
AddIconByType image/* src/IMAGE.png
AddIconByType video/* src/VIDEO.png
AddIconByType audio/* src/AUDIO.png
AddIconByType application/* src/APP.png
AddAltByType "Text" text/*
AddAltByType "Bild" image/*
AddAltByType "Video" video/*
AddAltByType "Audio" audio/*
AddAltByType "Anwendung" application/*
DefaultIcon src/BLANK.png
IndexOptions IconsAreLinks
IndexOptions ScanHTMLTitles
SuppressLastModified
Für die Datei habe ich die Icons von Fooods verwendet. Diese kann man kostenlos unter http://www.fooods.net/ runterladen.