Hola, Bienvenidos a Sanahoria.com, Tu Pagina Informativa Y Músical.!

Siguenos en las diferentes redes sociales o suscribirte a nuestro feed de Sanahoria.com.

¡Suscríbete a nuestro blog!

Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.

 

Como insertar una araña interactiva en tu blog, que puedes mover con el cursor del mouse.

Esto no es como aquella araña de Halloween que vimos hace tiempo que no era mas que una imagen GIF animada. Esto es parte de la modernidad web, hecho en canvas, y se trata de una araña que se mueve por si sola dentro de su telaraña, y que podemos arrastrar con el cursor, tanto a la araña como a la telaraña y sus puntos de apoyo. El demo aquí mismo.

Este gracioso experimento es de Sub Protocol, y nos servirá como parte de las decoraciones de Halloween en el blog. Este arácnido requiere de dos scripts para su funcionamiento, ambos los he alojado para que no tengan que preocuparse por buscar un hosting, pero, he notado que el desempeño de estas canvas son más eficientes si alojamos los scripts directo en la plantilla, o al menos a mí esa percepción me ha dado.

Para colocar esta araña interactiva en tu blog ingresa en Diseño | Añadir un gadget | HTML/Javascript y ahí pega este código:

<script src='https://googledrive.com/host/0B1sh31bxfVkGYUVMRXFyeUROQ2s' type='text/javascript'></script>
<canvas id='scratch' style='width: 500px; height: 350px; margin-left: -80px; margin-top: -30px;'></canvas>
<script src='https://googledrive.com/host/0B1sh31bxfVkGbTVWTlhlangwdWM' type='text/javascript'></script>

Si quieres también puedes hacer que sea "flotante", es decir, que permanezca estática sin importar si subimos o bajamos el scroll de la página. Para conseguirlo sólo añade lo siguiente debajo del código anterior.

<style>
#scratch {
position: fixed;
top: 0px;
left: 0px;
}
</style>

Con top indicamos que se muestre arriba, si la quieres abajo cámbialo por bottom. Con left hacemos que se acomode a la izquierda, si lo quieres a la derecha cámbialo por right. Toma en cuenta que al hacerla flotante podría obstruir algún elemento de tu blog que quede por debajo de ella.

Con esta araña, esta próxima noche de brujas tú y tus lectores podrán entretenerse un rato en el blog jugando con ella, eso sí, no la saques de su red o la pobre morirá :(

No olvides dejarnos un mensaje para cualquier ayuda:


Comparte este artículo con tus amigos en Facebook,y Twitter con los botones debajo de cada post.¡Gracias! ..Fuente/CiudadBlog /

0 Comenta esta nota.:

.

Información y diversión en tu correo

Registra tu e-mail en el campo de abajo y recibiras diariamente lo más destacado del de Sanahoria.com, disfruta de: Noticias, Entretenimiento, Farandulas, Música,Fotos, Videos, Deportes,y los mejores eventos del United Palace.

Entra tu email Aqui..

- Recibe las principales noticias del día a travez de Sanahoria.com

- Registrate es simple y sin costo alguno

- Tu correo no será divulgado ni usado para cualquier otro tipo de envío

- Puedes cancelar tu suscripción en cualquier momento

 
 
 
Salud
[Ultimo avance diabetes T-1]
Compartiendo la data, Dexcom G4 PLATINUM con Share. Para los que no están familiarizados con esta herramienta, el MCG cuenta con tres partes; el sensor, el transmisor y el recibidor.

Leer Más [+]
Blog Ayuda
[Como Inhabilitar el botón derecho del mouse]
Se trata de un script que se activa al usar el botón derecho del mouse y que muestra un mensaje en toda la ventana del navegador..

Leer Más [+]
[ Poner foto de Fondo al texto en cualkier post. ] Hoy les traigo un truco el cual nos ayudará a ponerle un fondo a cualquier entrada en particular del blog. El truco es en verdad sencillo.

Leer Más [+]
Tecnología
[Intel presenta el primer ordenador portátil sin cables]
Este equipo se carga de forma inalámbrica y puede conectarse a periféricos sin necesidad de hacerlo a través de cables.

Leer Más [+]
Trucos Para Tu Blog.
[Cajas deslizantes laterales de Facebook Fans]
En este caso les voy a enseñar a colocarlas en el blog de ustedes y además también la de Blogger para obtener seguidores ahí también..

Leer Más [+]
[Dos post en una misma entrada.] Hola hoy he encontrado un nuevo truco sirve para escribir un post con dos columnas, no olvides en dejar algun comentario si te gusto el truco.

Leer Más [+]
Sexología
[Trastorno del deseo sexual]
consiste en la ausencia reiterada y persistente de fantasías sexuales o interés para realizar algún tipo de actividad sexual. Tal y como explica la doctora Francisca Molero.

Leer Más [+]
Personaliza Tu Blog.
[Araña interactiva para el blog, que se mueve]
Esto es parte de la modernidad web, y se trata de una araña que se mueve por si sola dentro de su telaraña, y que podemos arrastrar con el cursor.

Leer Más [+]
[Como Cambiar el Favicon de blogger] Pues bien no es tan dificil solo bastará con agregar una linea al código para decirle lo que queremos que haga. en primer lugar ubicamos en diseño hthtml el siguiente código:.

Leer Más [+]
 
Copyright © Www.Sanahoria.Com
Diseño grafico exclusivo de Sanahoria.com Por | su Editor: Felipe Marte