Hola a todos:

Hoy os traigo un reloj de cuenta atrás para que lo podáis incorporar en vuestras web, sirve para marcar por ejemplo el inicio de algún evento y es muy fácil de incorporarlo. La nueva versión de Webdesigner 12 Premium trae algo parecido pero es un reloj de porcentajes.

Bien, vamos con este reloj que a mi desde luego me gusta mucho:

Lo primero que tenéis que hacer es descargar 4 archivos de código totalmente libre y que he modificado de la página de Github.

Simplemente pincháis en los enlaces que os dejo:

http://www.colokincolokon.magix.net/index.txt

En ese archivo es donde hay que cambiar la fecha de vuestra cuenta atrás. Si os fijáis, tengo puesta la fecha del día 25 de diciembre de 2016 a las 15:00 horas para la cuenta atrás.

Los otros 3 archivos son los siguientes:

http://www.colokincolokon.magix.net/css/normalize.css
http://www.colokincolokon.magix.net/css/style.css
http://www.colokincolokon.magix.net/js/index.js

Los descargáis y los guardáis con el mismo nombre.

El primer archivo que os habéis bajado y llamado index.txt es el código que tenéis que copiar y pegar en el marcador de lugar (body). Lo hacemos como siempre, creamos un cuadrado dentro de nuestra web, botón derecho sobre él, propiedades web, marcador de lugar (body). Bien.

Ahora creamos dos carpetas que las llamaremos css y js, tal cual, en minúsculas. En la carpeta css meteremos los archivos normalize.css y style.css, obvio.

Y en la carpeta js meteremos el archivo index.js, esas dos carpetas, con los archivos dentro las subimos al directorio raíz de nuestro servidor y donde se encontrará el resto de carpetas y archivos que componen nuestra web. Debería quedar así:

Aquí os dejo el resultado del reloj incorporado en una plantilla de la nueva versión.

http://www.colokincolokon.magix.net/Reloj.htm

Eso es todo, si tenéis alguna duda, preguntad.

Un saludo.

Toño