Mostrando entradas con la etiqueta Relojes para Blog. Mostrar todas las entradas
Mostrando entradas con la etiqueta Relojes para Blog. Mostrar todas las entradas

lunes, 29 de abril de 2024

Colección de Relojes Gratuitos

Solo tenéis que colocar el código en la zona de vuestra pagina donde queréis que salga
Atención!! deberás cambiar donde pone XXX por el numero de reloj que os guste.

 https://www.gifss.com/creaciones/relojes/


jueves, 4 de abril de 2024

Colección de Relojes


Colección de Relojes Gratuitos

Aquí tienen unos Relojes para decorar vuestra Web o Blog son totalmente gratuitos.
Solo tenéis que colocar el código en la zona de vuestra pagina donde queréis que salga
Atención!! deberás cambiar donde pone XXX por el numero de reloj que os guste.

[Pagina 1]    [Pagina 2]    [Pagina 3]    [Pagina 4]

martes, 3 de abril de 2018

Recursos para Web: Gif varios

http://www.gifss.com/

Relojes para Web: Coleccion de mas de 150 relojes Flash Todos Gratis Relojes en Flash



http://www.creatupropiaweb.com/recursos/relojes/coleccion_relojes-flash/coleccion_relojes_7.htm

Relojes


http://www.clocklink.com/gallery/digital



https://www.google.es/search?q=lakshmi+diosa+clock&safe=active&espv=2&biw=1440&bih=811&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwig74y0rpjOAhXGCcAKHcjzA4oQsAQIGw#imgrc=KaarPnQCZqaRPM%3A

Calendarios y Relojes para Blog y Web


Aquí tienen una Colección de Calendarios variados. Si quieres puedes encontrar mas en los enlaces de esta pagina  son totalmente gratuitos ,
solo tenéis que colocar el código en la zona de vuestra Web donde queréis que salga
Atención!! 
deberás cambiar donde pone XXX por el numero de Calendario que os guste.


<script type="text/javascript" 
src="http://www.gifss.com/creaciones/calendarios/XXX/calendario.js"></script>
[Pagina 1]    [Pagina 2]    [ Pagina 3]    [pagina 4]     [Pagina 5]    [Pagina 6]    [Pagina 7]

http://www.gifss.com/creaciones/calendarios/
http://www.gifss.com/creaciones/relojes/

Cursor con Reloj

Hoy vamos a ver otro efecto, que consiste en un reloj colorido con fecha y hora, que sigue al cursor cada vez que lo movemos. Además, es totalmente personalizable y opcionalmente podemos agregar un botón para activar o desactivar el reloj.

 Ver DEMO)
cursor, efecto, clock, blog

Para agregar el reloj sigue estos sencillos pasos:

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos </head> y justo antes de éste, pegaremos los siguientes estilos:
<style type='text/css'>
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
#control{ /* estilos del botón */
background: #e2e2e2; /* color de fondo */
color: #000; /* color del texto */
border: 1px #66CCCC solid; /* ancho y color de borde */
border-radius: 10px; /* redondeo de esquinas */
}
</style>

3.§ Debajo de los estilos pegaremos el siguiente script. En este código podemos modificar los colores del reloj, la fecha y las manecillas:


Si buscas otros colores para el reloj y el botón, te puede servir este post.

3.§ Damos clic a Guardar plantilla y ya podemos ver el reloj funcionando en el blog.

PASO OPCIONAL: BOTÓN

Con los pasos anteriores, el reloj ya estará funcionando. Sin embargo, podemos incluir un botón On/Off para que nuestros lectores decidan desactivar o activar el reloj cada vez que lo requieran. Sólo debemos hacer lo siguiente:

1.§ Vamos a Diseño - Añadir un gadget - HTML/Javascript.

2.§ En la ventana emergente del gadget, insertaremos el siguiente script:
<script type="text/javascript">
if (document.getElementById&&!document.layers){
document.write('<input type="button" id="control" value="Apagar reloj" onClick="this.blur();onoff()">');
}
</script>
3.§ Damos clic a guardar y listo. 

Fuente: http://diyva.blogspot.com.es/2015/01/reloj-de-colores-con-fecha-y-hora-que.html