Mejora estéticamente los listados de Apache

Desde el blog de Andréz álias el “anieto2k” publica una serie de pasos para poder darle más estilo a los listados que presenta Apache cuando no encuentra un “index” en el directorio, que sin duda, hace mas vistoso y personalizado un sitio web.

Para lograr esto, Andréz nos cuenta que tenemos dos opciones, la primera es para una modificación a niver servidor (en pocas palabras afecta a todas las carpetas del servidor), o la otra forma, más latosa, pero también más accesible que es editando un archivo .htaccess por cada carpeta que queramos que presente el diseño novedoso del listado.

Y bueno, como Andréz nosotros también solo hablaremos de la edicion del archivo .htaccess que es más “sencillo” implementar.

Primero creamos y/o modificamos el archivo .htaccess de la carpeta que queramos modificar y agregamos las siguientes lienas:


RewriteEngine Off
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
Options Indexes Includes
IndexOptions FancyIndexing SuppressHTMLPreamble XHTML IconsAreLinks FoldersFirst SuppressDescription
HeaderName /files/HEADER.shtml
ReadmeName /files/README.shtml

Ahora la explicación del código anterior.

Utilizamos archivos shtml que permiten la integración de SSI para darle contenido “dinamico” al listado, usuando HEADER.shtml podemos darle un diseño en CSS a todo el documento así como la misma cabecera del listado (util para incluir un banner o alguna imagen del sitio) y README.shtml lo utilizaremos para crear el pie de pagina. Realmente Andréz nos lo muestra de una forma muy facil el crear un listado mas vistoso y sobre todo personalizado.

Fuente

Publicado en Desarrollo Web. Etiquetas: , , . Leave a Comment »

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: