Una vez montado el servidor casero en apache, para la finalidad que sea, yo lo use para compartir archivos pequeños con ustedes y evitar tener que subirlos a hostings como megaupload, rapidshare y demas. El listado de ficheros se veia de la siguiente manera...
Que mejor que editarlo para que se vea de la mejor manera posible y hacerlo agradable a los ojos de quien anda por ahi.
Los pasos son muy sencillos, primero hay que ir a la ruta de nuestro servidor apache C:\wamp\bin\apache\Apache2.2.17\conf\extra , tengo esta ruta ya que yo uso Wamp Server para levantar el listado de directorios a la nube.
Dentro de esta ruta se encuentra el fichero httpd-autoindex.conf el cual respaldaremos en el escritorio de nuestro sistema operativo por si algo llegase a pasar.
Y sustituirlo por este fichero
Nota: Hay que renombrarlo y quitarle la extension .txt, una vez descargado hay que copiarlo en la ruta antes mencionada, la accion de este fichero .conf agrega el directorio webicons y el directorio autoindex, los cuales podremos personalizar sin ningun problema.
Pueden descargar los ficheros en este enlace http://orlandohc.ddns.net/downloads/blog/www.rar e insertarlos directamente en www.
Al descomprimir el www.rar dentro de la carpeta www aparece autoindex y webicons
Autoindex es el encargado de toda la magia, editando header,footer y style.
Al finalizar... queda de la siguiente manera.
Despues de unas sencillas y ligeras modificaciones
- Header: Muestra el titulo, se pueden agregar imagenes y texto, ademas de codigo en php y javascript
- Footer : Muestra la informacion del server, y los creditos, ademas de las versiones del mismo.
Se aprecia que el listado toma una grandiosa vista, y porsupuesto un muy buen orden con la barra que le he agregado para el ordenamiento segun las necesidades del usuario.
Espero sea de ayuda para aquellos que buscan personalizar el listado ftp o web, ya que a mi me dio excelentes resultados.
Referencias:
- Tutorial: Custom Apache Directory Listing with linked CSS, and PHP
- Apache 2 Custom Directory Listing
Hack a day!
Bytes!
0 comentarios:
Publicar un comentario