Locked History Actions

FLISOL2008/ContadorFLISOL

Acerca de

Introducción

El Contador FLISOL es un javascript que sirve para agregar un pequeño contador en un blog, wiki o sitio web, que indica la cantidad de días que faltan para la realización del FLISOL 2008. El contador está basado en el Ubuntu Countdown script y fue creado especialmente para la edición 2008 del FLISOL.

El Contador FLISOL es fácil de configurar y personalizar. Se hizo pensando en que se pueda reutilizar, no solamente para futuras ediciones del FLISOL, sino también para otros eventos, cómo el DFD y el SFD.

Personalizar el contador

Lo primero que se debe hacer es descargar ContadorFlisol.tar.gz que incluye los siguientes archivos:

  • counter_flisol2008.svg - Este es el archivo fuente que contiene la imagen que se debe utilizar si se quiere personalizar el contador (ej. cambiar el fondo, el tipo de letra, colores, etc.) El .svg fue hecho con Inkscape, que es software libre y está incluido en los repositorios de la mayoría de las distribuciones modernas de GNU/Linux.

  • Flisol-XX.png - 31 imágenes con los nombres Flisol-00.png a Flisol-30.png. Estas son las imágenes que se muestran en la página de acuerdo a la cantidad de días que faltan. Ejemplo; si faltan 18 días se mostrará la imagen Flisol-18.png. Si la cantidad de días es 0 o menor se mostrará la imagen Flisol-00.png.

  • ScriptFlisol.js - El javascript hace que todo funcione :)

Una vez que descargado y descomprimido el .tar.gz en nuestra computadora procedemos a abrir el archivo ScriptFlisol.js con nuestro editor de textos preferido. En este archivo debemos hacer un par de cambios. Nos vamos a la última línea:

document.write('<div style="width:217px;font-family:sans-serif" align="center"><a href="http://www.flisol.net/"><img id="cuenta_atras" src="http://www.aqui-tu-servidor.com/ContadorFlisol/Flisol-'+days+'.png" width="217" height="170" border="0" alt="FLISOL 2008 pronto!!"></a></div>');    

...y buscamos el siguiente código:

 href="http://www.flisol.net/ 

Ese es el enlace a la página que entraremos si hacemos click en la imagen del contador. Si quisiéramos que apuntara, por ejemplo, al wiki de Argentina, lo cambiamos por:

 href="http://www.flisol.net/FLISOL2008/Argentina/ 

Acto seguido buscamos:

 src="http://www.aqui-tu-servidor.com/ContadorFlisol/Flisol-'+days+'.png" 

La parte de www.aqui-tu-servidor.com/ la reemplazamos por la URL del servidor donde vamos a subir el contador. Por ejemplo, si el servidor es www.myhost.com, ponemos:

 src="http://www.myhost.com/ContadorFlisol/Flisol-'+days+'.png" 

Guardamos los cambios y cerramos el archivo.

Subir el contador a nuestro servidor

En el directorio principal de nuestro servidor, creamos un directorio llamado ContadorFlisol y subimos en él nuestro archivo ScriptFlisol.js modificado y las 31 imágenes Flisol-00.png a Flisol-30.png.

Y listo!!! Lo siento, no hay nada más que hacer aquí :)

Nota: No es necesario subir el archivo counter_flisol2008.svg.

Para probar el contador copia y pega el siguiente código en cualquier página web:

 <script type="text/javascript" src="http://www.myhost.com/ContadorFlisol/ScriptFlisol.js"></script> 

Nota: Asegurate de cambiar www.myhost.com por el URL de tu servidor.

Corre la voz

Pide a tus amigos y familiares que pongan el Contador FLISOL en sus páginas personales y blogs. Solo deben copiar y pegar el código que aparece arriba. ¡Ayuda a promover la fiesta de software libre más grande de Latinoamerica!

Para finalizar

Consultas, sugerencias y soporte técnico con Leandro en leogg AT ubuntu DOT com.

Contribuciones

Por Victor Hugo dos Santos:

Muestras en:

http://chile.flisol.cl/contador/flisol-04.png http://chile.flisol.cl/contador/flisol-05.png http://chile.flisol.cl/contador/flisol-26.png

y para la descarga de todos, esta es la url (1.2MB)

http://chile.flisol.cl/contador/monos-tux.tar.gz


Por hubuntu:

Pon un contador en tu blog o página web adhiriendo está línea de código en la página (javascript que presenta una imágen de 175px);

<script type="text/javascript" src="http://folk.uio.no/rdgavila/images/ubuntu/ScriptFlisolWiki.js"></script>

Quieres ver como se ve? Mira aquí.

Quieres otro tamaño o quieres que redireccione al wiki de tu país ciudad? Envía un correo a hubuntu adivina-el-caracter gmail yacaotrocarater com y te damos una mano