En ColeWebs.org queremos echar una mano a los coles y a las webs relacionadas con SPIP, educación y soft libre.

De momento, además de instalar el sitio ya hemos desarrollado cuatro esqueletos que sean fáciles de instalar y personalizar y puedan servir de ayuda para principiantes.

Son cuatro esqueletos muy básicos y elementales que se centran en adaptar a SPIP los esquemas básicos de webs : 2 columnas con menús a derecha o izquierda, el « clásico » de 3 columnas, y otro de 3 columnas con otra estética.

Están pensados para ver claramente las diferentes zonas de una web con sus líneas de separación, márgenes, módulos,... y con una hoja de estilos (estilos.css) con abundantes comentarios para facilitar su personalización.

Si quieres verlos funcionando puedes entrar en colewebs.org y en el menú desplegable « Ver esqueletos » seleccionar los que te interesen (o cliquear en estas imágenes) :

 

epc_2c_mi

 

epc_2c_md

 

epc_3c

 

epc_bloc

 

Información general sobre todos ellos en : Esqueletos EPC de ColeWebs para SPIP

De momento los he probado en firefox y explorer para mac y windows y me han funcionado sin problemas.

Para utilizarlos no tienes más que descargar el archivo que te interese, descomprimirlo y seguir las indicaciones del archivo « Instalación y personalización » que encontrarás dentro.

De todos modos la cosa, pienso, puede ser sencilla :

Instalación

Después de instalar SPIP no tienes más que colocar los archivos de la carpeta « en la raíz » en la raíz del sitio y colocar el archivo « mes_options.php3 » que encontrarás en la carpeta « en ecrire » dentro de « ecrire ».

IMPORTANTE SÓLO PARA LA VERSIÓN MULTIESQUELETOS : Cambia en mes_options.php3 el « colewebs.org » de $dominio_cookie="colewebs.org" ; por tu dominio sin las « www » para que funcione correctamente la cookie que guarda el esqueleto seleccionado.

Si ya tienes un archivo « mes_options.php3 » en « ecrire » sólo copia el contenido del de este esqueleto dentro del que tengas (solamente la línea « $dossier_squelettes... »).

Y ya está. Pon contenido en tu sitio (secciones, artículos, breves, enlaces,...) para que vayas viendo el funcionamiento de este esqueleto.

NOTA : si es un sitio que ya estaba funcionando es importante vaciar el contenido de la caché o de la carpeta CACHE de la raíz por que si no, durante unas horas, pueden seguir apareciendo los esqueletos anteriores.

Personalización

Casi toda la personalización (colores, tipos de letra, tamaño de las zonas,...) podrás hacerlo desde el archivo « estilos.css ». Allí encontrarás comentado lo que, más o menos, hace cada estilo o, al menos, los más importantes.

Algunos estilos originales de spip todavía no se han adaptado a esta versión de esqueletos y se utilizan los originales que encontrarás en « estilos_spip.css »

Las imágenes (de la cabecera, logos del sitio,...) es mejor que los coloques en la carpeta « imagenes » que encontrarás dentro de la carpeta « epc_ » correspondiente (epc_2c_mi, epc_2c_md, epc_3c o epc_bloc). Luego, los enlaces, puedes crearlos así :

<img src="#DOSSIER_SQUELETTE/imagenes/nombre_de_la_imagen.extensión" alt="nombre_de_la_imagen" border="0" />

El resto de la personalización (quitar o poner zonas, modificar el contenido de la cabecera o del pie, cambiar menús,...) podrás hacerla en los archivos correspondientes : cabecera.html, pie.html, menu.html o en los propios de SPIP (sommaire.html, article.html,...) que encontrarás dentro de la carpeta « epc_ » correspondiente (epc_2c_mi, epc_2c_md, epc_3c o epc_bloc) y que recoge los archivos html y css de este esqueleto.

Hay que mejorarle cuestiones como crear unos foros un poco más « ágiles », pero eso queda para una « ampliación » posterior que se pueda instalar en cualquier spip.

Sobre CSS y tres columnas

Aunque he estado batallando un tiempo para montar las tres columnas de la zona central de sommaire.html en los esqueletos de « epc_3c » y epc_bloc con estilos de CSS (y en las tres columnas de la parte de abajo de sommaire.html en los « epc_2c_ ») he tenido que abandonar la idea para mejor ocasión. Lamentablemente, y aunque lo he conseguido por varios caminos, no me han parecido soluciones « definitivas ».

Todos los desarrollos que he intentado dadan problemas dependiendo de los navegadores o dificultaban la personalización posterior por lo que, teniendo en cuenta que la intención de estos esqueletos es sobre todo facilitar la adaptación para personas principiantes, he pensado que lo mejor era solucionarlo con tablas y dejar para más adelante este desarrollo.

Para cualquier aclaración o propuesta no dudes en escribirme :
email

---

En la versión 1.5 se ha corregido un problema de fechas con últimos comentarios y se ha limpiado el código de menu.html para evitar algunos bugs.

-----------------------------------------------------------

En la versión 1.3 se ha corregido un problema con los enlaces a los comentarios que aparecen en la primera página del sitio (en Últimos comentarios)