htacess ile güzel görünümlü indexler

Merhaba,
Bugünkü dersimizde, htaccess ile güzel görünümlü indexler oluşturacağız.

Öncelikle Apache server ve serverda htaccess desteği gerekmektedir. Bunu sağladıktan sonra devam edebiliriz.


Hemen bir .htaccess dosyası yaratıp içerisine şunları yazalım:
Code:
### Indexing Options ###### starting #Options +Indexes +MultiViews +FollowSymlinks<IfModule mod_autoindex.c> # General Settings IndexOptions FancyIndexing IconWidth=24 IconHeight=24 # Icons DefaultIcon /elm-icons/other.jpg AddIcon /elm-icons/blank.gif ^^BLANKICON^^ AddIcon /elm-icons/directory.jpg ^^DIRECTORY^^ AddIcon /elm-icons/back.jpg .. AddIconByType (TXT,/elm-icons/text.jpg) text/* AddIconByType (IMG,/elm-icons/picture.jpg) image/* AddIconByType (SND,/elm-icons/music.jpg) audio/* AddIconByType (VID,/elm-icons/video.jpg) video/* IndexIgnore *~ *# elm-* cgi-bin</IfModule>### finished #### Indexing Options ###### Style Options ###### starting #ReadmeName /elm-altHeaderName /elm-ust### finished #### Style Options ###

Buraya kadar tamamsa devam edelim. Şimdi sırada resim dosyalarını hazırlamak kalıyor.
Code:
other.jpg: Bilinmeyen dosya formatları için ikonblank.gif: Boş ikondirectory.jpg: Dizinler için ikonback.jpg: Bir üst dizine dönmek için ikontext.jpg: Yazı dosyaları için ikonpicture.jpg: Resim dosyaları için ikonmusic.jpg: Müzik dosyaları için ikonvideo.jpg: Video dosyaları için ikon
Bu ikonları hazırlayıp /elm-icons/ dizini içerisine gönderiyoruz.


Şimdi üst ve alta eklenecek dosyaları hazırlayalım. Bu dosyalara istediğinizi yazabilirsiniz. Sayfaların üstüne eklenecek yazılar için elm-ust.html, sayfaların altına eklenecek yazılar için ise elm-alt.html dosyalarını oluşturup, public_html dizini içerisine gönderiniz.


Bitti. Eğer daha da geliştirmek isterseniz, style dosyaları ile daha da güzel bir index hazırlayabilirsiniz. Örnekteki siteyi incelemeniz yararlı olabilir.

Örnek: http://dersler.elmasgunes.net/