เคยเขียนการทำ list ไฟล์ด้วย apache modindexoptions มาแล้วแต่ติดปัญหาเรื่อง icons ที่ไม่ได้เอามาตามที่เราต้องการกลับไปเอา icon ซึ่งเป็น default ของ apache มาทำให้ index list มองแล้วไม่สวยดังใจ เลยมาเขียน .htaccess เพื่อให้เปลี่ยนที่อยู่ของ icons ให้ไปตามที่เราต้องการ

สำหรับใครที่ต้องการ icons ต่างๆ สามารถหาโหลดได้ทั่วไปแต่หากว่าไม่อยากโหลดมาก็สามารถเอาของผมไปใช้ได้ครับ สำหรับการ overide ตามนี้เลยครับ ส่วนนี้จะอยู่ใน .htaccess นะครับ
AddIconByEncoding (CMP,/index-style/icons/compressed.gif) x-compress x-gzip
#AddIconByType (TXT,/index-style/icons/text.gif) text/*
AddIconByType (IMG,/index-style/icons/image2.gif) image/*
AddIconByType (SND,/index-style/icons/sound2.gif) audio/*
AddIconByType (VID,/index-style/icons/video.png) video/*
AddIcon /index-style/icons/back.gif ..
AddIcon /index-style/icons/pdf.png .pdf
AddIcon /index-style/icons/html.png .html .xhtml .xml
AddIcon /index-style/icons/html.png .txt
AddIcon /index-style/icons/compressed.gif .rar .zip
AddIcon /index-style/icons/dll.png .dll
AddIcon /index-style/icons/shellscript.png .sh
AddIcon /index-style/icons/library.png .jar .lib
AddIcon /index-style/icons/msword_doc.png .doc .docx
AddIcon /index-style/icons/msexcel_xls.png .xls .xlsx
AddIcon /index-style/icons/msaccess_mdb.png .mdb .mdbx
AddIcon /index-style/icons/doc_encrypted.png .key .csr
AddIcon /index-style/icons/binary.png .bin .exe
AddIcon /index-style/icons/swf.png .bin .swf
AddIcon /index-style/icons/source_java.png .java
AddIcon /index-style/icons/source_c.png .c
AddIcon /index-style/icons/source_cpp.png .cpp
AddIcon /index-style/icons/source_ruby.png .rb
AddIcon /index-style/icons/xml.png .xml
AddIcon /index-style/icons/properties.png .properties
#AddIcon /icon/hand.right.gif README
AddIcon /index-style/icons/folder.gif ^^DIRECTORY^^
AddIcon /index-style/icons/blank.gif ^^BLANKICON^^
DefaultIcon /index-style/icons/unknown.gif

121 views

วิธีการทำ
1. เริ่มแรกเลยไปยัง folder ที่ต้องการทำ index จากนั้นให้สร้างไฟล์ .htaccess แล้วเพิ่มโค้ดข้างล่างนี้

Options Indexes FollowSymLinks
IndexOptions FancyIndexing
IndexOptions VersionSort
IndexOptions HTMLTable
IndexOptions FoldersFirst
IndexOptions IconsAreLinks
IndexOptions IgnoreCase
IndexOptions SuppressDescription
IndexOptions SuppressHTMLPreamble
IndexOptions XHTML
IndexOptions IconWidth=16
IndexOptions IconHeight=16
IndexOptions NameWidth=*
IndexOrderDefault Descending Name
HeaderName /index-style/header.html
ReadmeName /index-style/footer.html

2. ให้ไปโหลดไฟล์ที่ http://recurser.com/articles/2008/12/29/styling-apache-directory-listings-with-mod_autoindex/ เพื่อทำให้สวยงามโดยการนำเอาไฟล์ไปไว้ที่ /index-style ก็จะได้รูปแบบสวยๆ แล้ว

เพิ่มเติม
http://recurser.com/articles/2008/12/29/styling-apache-directory-listings-with-mod_autoindex/

38 views