domingo, 27 de abril de 2014

Cambiando los iconos de Apache en XAMPP (Linux)

Los iconos que por defecto vienen dentro de apache por demás está decirlo, son bien feos, el indice que se nos muestra luce desprolijo y antiguo (o anticuado), y no hay que hacer mucho para cambiarle el aspecto y hacerlo lucir un tanto más agradable a la vista aunque la mayoría del tiempo solo lo veamos nosotros.

Así luce el indice de entrada con los iconos de apache:


Funciona (que es lo importante), pero porque no hacer que se vea mejor? vamos al punto, para cambiar los iconos de apache:

1.- Nos dirigimos a Oxygen icons for Apache 2 y descargamos el paquete tar.gz, o si prefieren navegar y buscar algún paquete rpm un poco más actualizado, aunque probablemente no sea mucha la diferencia.

2.- Luego de descargar el paquete lo descomprimimos y copiamos la carpeta icons-oxygen dentro de la carpeta de XAMPP (/opt/lampp).

3.- Ubicamos el archivo httpd-autoindex.conf, su dirección normalmente sería /opt/lampp/etc/extra, y debería quedar bastante parecido al siguiente ejemplo:

# Directives controlling the display of server-generated directory listings. # # Required modules: mod_authz_core, mod_authz_host, # mod_autoindex, mod_alias # # To see the listing of a directory, the Options directive for the # directory must include "Indexes", and the directory must not contain # a file matching those listed in the DirectoryIndex directive. # IndexOptions: Controls the appearance of server-generated directory # listings. IndexOptions FancyIndexing HTMLTable VersionSort # FoldersFirst: Esta opcion independientemente del orden que escoja el # usuario (las columnas nombre, ultima modificacion, tamaño, etc), # siempre apareceran primero los directorios y despues los ficheros. IndexOptions FoldersFirst # IgnoreCase: Otra opcion relacionada con la ordenacion. Si esta # activada, mayusculas y minusculas no importaran a la hora de ordenar # los archivos. IndexOptions IgnoreCase # VersionSort: En el caso de haber varios ficheros con mismo nombre pero # diferente version, se ordenen perfectamente de acuerdo a la version y # no al orden ASCII: la version 1.12 iria despues de la 1.9, por ejemplo. IndexOptions VersionSort NameWidth=* # IconsAreLinks: permite que los iconos asociados a cada fichero tambien # sean un enlace a dicho archivo. IndexOptions IconsAreLinks # IndexOptions SuppressDescription IndexOptions SuppressRules IndexOptions SuppressHTMLPreamble IndexOptions XHTML # We include the /icons/ alias for FancyIndexed directory listings. If # you do not use FancyIndexing, you may comment this out. # Alias /icons/ "/opt/lampp/icons/" Alias /icons/ "/opt/lampp/icons-oxygen/" <directory "/opt/lampp/icons-oxygen"> Options Indexes MultiViews AllowOverride None Require all granted </Directory> # AddIcon* directives tell the server which icon to show for different # files or filename extensions. These are only displayed for # FancyIndexed directories. AddType image/x-icon .ico AddIconByEncoding (CMP,/icons/tgz.png) x-compress x-gzip AddIconByType (TXT,/icons/product.png) text/x-suse-ymp AddIconByType (TXT,/icons/product.png) text/x-suse-ymu AddIcon /icons/rpm.png .rpm AddIcon /icons/spec.png .spec AddIcon /icons/deb.png .deb AddIcon /icons/folder_red.png .repo AddIcon /icons/product.png .ymp AddIcon /icons/binary.png .bin AddIcon /icons/exe.png .exe # AddIcon /icons/binhex.gif .hqx # AddIcon /icons/world2.gif .wrl .wrl.gz .vrml .vrm .iv AddIcon /icons/tgz.png .tar.gz .tgz .tar AddIcon /icons/tar.png .tar.bz tar.xz .tar.bz2 .tbz .tbz2 .cpio .lzma .pk3 .sis AddIcon /icons/zip.png .zip .rar .ace .arj .zoo AddIcon /icons/gz.png .gz .bz .bz2 .Z .z # AddIcon /icons/a.gif .ai .eps AddIcon /icons/postscript.png .ps AddIcon /icons/html.png .html .shtml .htm AddIcon /icons/xml.png .xml .xhtml AddIcon /icons/rss.png .rss AddIcon /icons/rdf.png .rdf .rdfs .owl AddIcon /icons/php.png .php .phps AddIcon /icons/css.png .css AddIcon /icons/js.png .js AddIcon /icons/pdf.png .pdf AddIcon /icons/chm.png .chm AddIcon /icons/font_truetype.png .otf .ttf .ttc .ttx AddIcon /icons/font_type1.png .gsf .pfa .pfb AddIcon /icons/document.png .odt .fodt .kwd .kwt AddIcon /icons/msword.png .doc .docx AddIcon /icons/presentation.png .odp .fodp .otp AddIcon /icons/mspowerpoint.png .ppt .pps .pptx .ppsx AddIcon /icons/spreadsheet.png .ods .fods .csv AddIcon /icons/msexcel.png .xls .xlsx AddIcon /icons/scribus.png .scd .scd.gz .sla .sla.gz .slaz AddIcon /icons/database.png .odb AddIcon /icons/sql.png .sql AddIcon /icons/image.png .ico .png .jpeg .jpg AddIcon /icons/plasma.png .plasmoid AddIcon /icons/krita.png .kra AddIcon /icons/svg.png .svg .svgz AddIcon /icons/desktop.png .desktop .kdelnk AddIcon /icons/txt.png .txt .conf AddIcon /icons/po.png .po AddIcon /icons/ldif.png .ldif AddIcon /icons/vcf.png .vcf AddIcon /icons/calendar.png .ics .vcs AddIcon /icons/torrent.png .torrent AddIcon /icons/cue.png .cue AddIcon /icons/cdtrack.png .iso AddIcon /icons/k3b.png .k3b AddIcon /icons/midi.png .midi .mid .kar AddIcon /icons/encrypted.png .pgp .gpg .asc AddIcon /icons/source_c.png .c AddIcon /icons/source_cpp.png .cpp AddIcon /icons/source_h.png .h AddIcon /icons/source_pl.png .pl AddIcon /icons/source_py.png .py AddIcon /icons/java.png .class AddIcon /icons/jar.png .jar AddIcon /icons/patch.png .patch .diff # AddIcon /icons/f.gif .for # AddIcon /icons/dvi.png .dvi # AddIcon /icons/uuencoded.gif .uu AddIcon /icons/shellscript.png .sh .shar .csh .ksh .tcl .run .awk AddIcon /icons/tcl.png .tcl AddIcon /icons/tex.png .tex AddIcon /icons/core.png core AddIconByType (TXT,/icons/txt.png) text/* AddIconByType (IMG,/icons/image.png) image/* AddIconByType (SND,/icons/sound.png) audio/* AddIconByType (VID,/icons/video.png) video/* AddIcon /icons/up.png .. AddIcon /icons/txt_copying.png COPYING COPYING.de COPYRIGHT COPYRIGHT.de .log AddIcon /icons/txt.png ChangeLog AddIcon /icons/info.png README README.BETA README.DOS LIESMICH LIESMICH.DOS AddIcon /icons/folder.png ^^DIRECTORY^^ AddIcon /icons/symlink.png ^^SYMLINK^^ AddIcon /icons/blank.gif ^^BLANKICON^^ # DefaultIcon is which icon to show for files which do not have an icon # explicitly set. DefaultIcon /icons/unknown.png # AddDescription allows you to place a short description after a file in # server-generated indexes. These are only displayed for FancyIndexed # directories. # Format: AddDescription "description" filename # #AddDescription "GZIP compressed document" .gz #AddDescription "tar archive" .tar #AddDescription "GZIP compressed tar archive" .tgz # ReadmeName is the name of the README file the server will look for by # default, and append to directory listings. # # HeaderName is the name of a file which should be prepended to # directory indexes. ReadmeName README.html HeaderName HEADER.html # IndexIgnore is a set of filenames which directory indexing should ignore # and not include in the listing. Shell-style wildcarding is permitted. IndexIgnore .??* *~ *# HEADER* README* RCS CVS *,v *,t

Después de todo lo anterior el indice con los nuevos iconos debería de verse así:


Es una mejora agradable a la vista y también funcional porque ordenamos las carpetas y los archivos de una mejor manera, claro, esto se puede mejorar, pero eso quedara para otra entrada :)

Espero les sirva.

No hay comentarios: