All posts by kbayu

Rastro de Imagenes en el Cursor, Classic Blogger

Con este script podemos añadir un rastro de imágenes mientras arrastramos el cursor, lo mejor de todo es que funciona en Internet Explorer y Firefox.

Para ver un preview de como se vería nuestro mouse pueden visitar esta pagina, aunque he de anticiparles que el código ahí puesto no funciona, para hacerlo funcionar copien el código de este archivo y lo pegan debajo de la etiqueta <body> de su plantilla.

Si quisiéramos podemos modificar las imágenes del rastro, para ello cambiamos la dirección de las 6 imágenes a donde hayamos alojado las nuestras, según el ejemplo de abajo. El par de números que le siguen a cada dirección de la imagen son el ancho y alto en píxeles que se mostrarán, en caso de querer algo menos intrusivo podemos poner imágenes mas pequeñas.

T1=new Array(“http://DIRECCIONDENUESTRAIMAGEN”,38,35,”…)

Al parecer se tienen que utilizar 6 imágenes forzosamente, aunque me imagino que se pueden utilizar gifs transparentes para hacer un efecto de que son menos imágenes.

Solo he probado imágenes en formato GIF, por lo que no podría asegurar su funcionamiento con otro formato. Aunque si he probado con animaciones GIF y funcionan.

Otro parámetro que podemos modificar es la distribución de las imágenes al momento de dejar el puntero en un solo lugar, para ello buscamos los siguientes parámetros:

var offsetx=15 //x offset of trail from mouse pointer
var offsety=10 //y offset of trail from mouse pointer

Con esos valores tendremos una distribución como esta:

rastro_cursor_1.jpg
Si modificáramos el 15 y 10 por 0 (cero) obtendríamos algo así:

rastro_cursor_2.jpg
Espero que les guste, ¡Suerte!

Cambiar el Cursor, Classic-Blogger

Aquí explicaremos como cambiar la figura del cursor mientras se navega en nuestro blog. Para empezar cabe aclarar que no funciona con firefox, pero no hay que desanimarnos, seguramente habrá quien lea nuestros blogs con el Internet Explorer por no poder instalar firefox, p. ejem. desde un cybercafé, la escuela, oficina, etc., o porque no se ha mudado de explorador.

Primero tenemos que conseguir una imagen para cursor, los formatos que sé que funcionan para esto son .cur y .ani, en esta pagina pueden encontrar muchos clasificados en categorías. Para poder ver los previews de los cursores tienen que entrar con Internet Explorer.

Después de escoger uno que nos agrade copiamos el código y lo pegamos en nuestra plantilla, debajo de <body> funciona bien.

cambiar_cursor_plantilla_1.jpg

Guardamos los cambios y publicamos el blog, después abrimos el blog con internet Explorer para ver que funciona bien.

Si consiguen el cursor de alguna otra pagina, pueden usar el código de la caja de texto, solo sustituyen la dirección de la imagen del cursor.

  1. body {cursor: url(http://DIRECCIONDEIMAGENDENUESTROCURSOR); }

Para poder hacer un cursor personalizado, necesitaríamos un editor de imágenes que admita los tipos de archivos que necesitamos, una vez que tengamos el archivo lo subimos a algún servidor, conseguimos su dirección y aplicamos el código de arriba, aunque sobre ello no podría ayudarlos mucho, puesto que apenas puedo con el Paint.

Subir Audio y video con Castpost

Castpost es un servicio que permite crear una cuenta personal en la cual puedes almacenar y compartir audio y video. Su uso es bastante sencillo e intuitivo. Podemos almacenar archivos de audio en formato mp3 y video (mpeg, avi, mov, wmv, 3gp). Se pueden almacenar hasta 100 mb en tu cuenta y un tamaño máximo por archivo de 50 mb.

Para hacer uso del servicio primero hay que registrarse y crear una cuenta, una vez dentro del panel de control, damos clic en add item:

audio_video_castpots_1.jpg

Rellenamos el formulario con los datos de nuestro archivo y de nuevo clic en add item.

audio_video_castpots_2.jpg

Con lo cual nos aparece lo siguiente:

audio_video_castpots_3.jpg

A veces tarda un poco en subirlo, esto dependerá del tamaño de nuestro archivo, una vez terminado, nos regresa automáticamente a nuestro panel de control, para subirlo al blog necesitaremos el código html, para ello damos clic en generate HTML y abrirá una ventana emergente con nuestro código.

audio_video_castpots_4.jpg

Para ver donde debes pegar el codigo en tu plantilla, si es que lo quieres en la sidebar (barra lateral) revisa este post: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)

Una vez puesto en nuestro blog debe quedar así: