Entradas con la etiqueta El truco del almendruco

Nueva mascota del blog!

Señoras y señores, niños y niñas, os presento a Lomax, la nueva mascota que dará vida mi blog.

Tengo que tener mucho cuidado con él. A la que me descuido está pegándose un lingotazo y acaba cómo siempre, más borracho que una cuba. Además ya es borracho de por sí el tio nació así con un alto porcentaje de alcohol en la sangre, así que cuidármelo que no se me desmadre.

Estaba ya algo cansado de la anterior mascota (que por cierto se me olvidó presentar, se llamaba Cactilio) que era del juego final fantasy 8 para el que no lo sepa o no haya jugado, era un enemigo que se dedicaba a acribillar a los personajes que controlábamos con sus terribles púas. Pues como estaba algo aburrido y algo cansado de la anterior mascota blogueril, dicho y hecho me he cogido mi programa preferido para de photoshop, el Macromedia fireworks 8 del que ya hablé en su día, y he editado un Gif muy majo, que aunque a simple vista está estático (más que nada por que yo soy de los que cuando entran en un blog no le gusta mucho ver un gif animado, así que si puedo lo evito) cuando se pasa el puntero por encima el personaje cobra movimiento/vida, un efecto que a mi parecer es muy llamativo para según que blogs, quizás un día de estos decida no poner nada, o simplemente una sin tanto “ritmo”.

De paso voy a explicar el proceso por si alguien le apetece hacerlo, cogiendo un gif animado para crear el mismo efecto que yo he conseguido, o sea de pasar a estar estático a cobrar movimiento.

Bien, pues primero del todo tenemos que cogernos (por ej.) el Macromedia fireworks mismo podría valernos.

Tendremos que abrir la imágen gif, nos fijamos en el alto y ancho que están escritos en píxeles (px) la que yo he usado era de 55px de ancho y 61px de alto, para tomar una referencia lo explicaré usando mi imágen. Hacemos un copia y pega de la imágen para abrirla en una ventana nueva (todo esto dentro del M.Fireworks) y le damos el doble de alto de la imágen gif y si es posible y más recomendable aumentarle el alto 3 ó 4 píxeles, para que tengan algo de separación entre ambas. De modo que quedaría algo así como esto:

De modo que la imágen estática tendría que ir arriba y las animadas abajo, en mi caso las tengo que repetir 8 veces ya que son 8 los movimientos en total del personaje Lomax. Esto se realiza fácilmente gracias a los fotogramas:

Ahora sólo tenemos que teniendo dos imágenes abiertas por pestañas (la original y la que tiene el doble de alto) ir seleccionando fotograma por fotograma e ir copiando y pegando cada nueva animación de fotograma, volvemos con Lomax cómo ejemplo:

Como veis la estática está arriba, mientras que los fotogramas están abajo, la forma más fácil para no liarnos es coger el gif original darle el doble de alto más 3 píxeles de más, de jar la animada abajo y coger un fotograma (debe ser el primero o el último) estático, y ponerlo arriba, el de arriba hay que repetirlo en cada fotograma si no veremos una imágen parpadeante.

Por último hay que buscar (normalmente en “Archivo”) y guardar el Gif en formato “Exportar”. Nos quedaría cómo resultado final una imágen así:

Ahora os preguntaréis ¿y que hago yo con una imágen asi doble? Pues es muy sencillo, ahora viene la parte técnica a la que aplicaremos el Html y Css a nuestro blog, en el que usaremos un efecto llamado Rollover.

Cómo Css, (funciona tanto en WordPress cómo en Blogger) sería esto, creando un div con el alto y ancho de la imágen inicial, o sea sin ser el doble de alto en píxeles.

#mosca { width: 54px; height: 61px; position:fixed; bottom:0px; right:0px; }

Y el Html esto otro (dependiendo de si es en WordPress o Blogger se aplica de una forma o de otra, pero yo no voy a entrar en tantos detalles)

<a href=’#’ title=’¡Arriba!’><div id=’mosca’ onmouseout=’this.style.backgroundPosition=”right top”;’ onmouseover=’this.style.backgroundPosition=”right bottom”;’ style=’width: 54px; height: 61px; background: transparent url(http://tu_imagen.gif) no-repeat right top;’></div></a>

Con esto lograríamos mostrar en el blog, una imágen estática, que al pasar el puntero del ratón por encima se vuelve animada, eso es todo,espero no haberme extendido mucho y que a alguien le sea útil.

Si os ha gustado Lomax, que resulta que es uno de los personajes de un videojuego de Playstation (cómo un Lemmings moderno) tenéis algunas animaciones más en este enlace, en la zona píxeles. :cool:

Etiquetas: , ,

El clásico truco de tirar del mantel con una BMW

El viejo truco del mantel y el menaje aplicado con una moto BMW S1000 RR, este tipo de publicidades me dejan un buen sabor de boca, y me da a entender el mensaje. Dentro video.

Imagen de previsualización de YouTube

Y si te entran ganas de probarlo y practicar en casa (pero sin moto) para sorprender a los amigotes, lee las recomendaciones de WikiHow para no causar un estropicio por la casa:wink:

Referencias | S Ingenio

Etiquetas: , , ,

El truco del almendruco

Imagen de previsualización de YouTube
Hay que ver lo que las mujeres pueden hacer con tal de no complacer a su pareja. :lol:

Etiquetas: , , , ,

Filetac: Transfiere archivos directamente desde internet a tu móvil

Filetac.com es un servicio por el cual nos da la posibilidad de subir archivos, wallpapers, temas, documentos, imágenes, tonos para móvil o cualquier otro contenido para luego poder descargarlo a nuestro móvil.
Una vez subido el archivo que elegimos, sera alojado en el servidor de filetac.com por un tiempo limitado y se nos dara un codigo o ID, luego tendremos que ingresar desde nuestro movil a wap.filetac.com, escribir nuestro código y descargarlo, así de sencillo.

Filetac.com: Servicio para la transferencia de archivos WAP y otros

  • Es un buen servicio para los que cómo yo no disponen de bluethoot en el ordenador para hacer la transferencia de archivos del Pc al móvil, a mi me ha venido genial.

Etiquetas: , ,

Sencillo truco para tener una versión móvil del blog

Hoy en día está muy de moda eso del internet móvil, y no estaría de más saberse este truquito para que nuestros lectores puedan leernos y estar al tanto de nuestras actualizaciones desde cualquier parte. Leyendo varios blogs que hablan sobre el tema, me quedo con la manera más sencilla; usar Google Reader Mobile, que aunque su aspecto es de lo más sencillo no quita que sea una buena opción.

Simplemente tendríamos que escribir en nuestro móvil esta línea, usando el FEED RSS de nuestro blog, así:

http://www.google.com/reader/m/view/feed/URL-DEL-FEED-DE-TU-BLOG

Veremos algo cómo esto.
Version_Movil_Google_Reader

Es una manera de olvidarse de plugins, páginas cutreras con porrón de publicidad, etc.

Aunque si quieres hecharle un vistazo al tutorial de Pisito en Madrid, es de lo más completo que he visto en lo que se refiere a versiones móviles de un blog.

Etiquetas: , , ,