;  MY LIFE: enero 2013

30 enero 2013

IMAGENES EN EL BLOG DE FORMA ORIGINAL

EFECTO APARECER

Al pasar el ratón, la foto que está como nublada aparece normal. Se puede hacer el efecto contrario, que al pasar el ratón la imagen se quede velada.

Como hacerlo aquí.







HACER QUE LAS IMÁGENES GIREN





Al pasar el ratón por encima las imágenes giran. Cómo ponerlo en la entrada lo podéis ver aquí.



EFECTO PUSH BUTTON






Cuando pasamos el ratón o hacemos click, la imagen va hacía abajo como si apretáramos un botón. Cómo hacerlo podéis verlo aquí.



IMÁGENES FADE ALBUM V2

Podemos poner una imagen con título que al pasar el ratón por encima cambie por un texto y que al apretar nos dirija a la web que queramos.
Lo podéis ver aquí.
Es algo más complejo ya que tenemos que modificar el tamaño de la caja al de nuestra foto (como veréis yo no he tenido la paciencia de hacerlo del todo por eso se ve blanco), pero es bastante modificable para dejarlo como a nosotros nos guste más. Yo he quitado la opción de fecha.

11 enero 2013

SAN VALENTÍN PARA EL BLOG

Aquí os dejo cositas para decorar el blog para San Valentín. Espero que os sean útiles y ya se, podéis pensar que es un poco pronto, pero en cuanto nos queramos dar cuenta ya está ahí y se ha pasado.


PLANTILLAS TIPO HTML/JAVASCRIPT

Son en realidad fondos, y no es necesario tocar la plantilla de nuestro blog. Para colocarlas sólo tenéis que añadir un gadget y copiar el código que os dejo bajo cada foto. Si vuestro blog es de más columnas o necesita un retoque de la foto lo podéis hacer con cualquier editor y subir la nueva imagen a vuestro almacén virtual (dropbox por ejemplo) y cambiar la url que yo pongo por la vuestra. También podéis dejarme un comentario con la página de vuestro blog y la imagen que necesitéis y yo os haría el retoque y os daría un nuevo código (lo más rápido que pudiera).

plantilla fondo png san valentin


Copiar el gadget desde aquí.


plantilla fondo png san valentin

Copiar gadget desde aquí.

plantilla fondo png san valentin

Copiar gadget desde aquí.

PONER EL CURSOR CON IMAGEN DE SAN VALENTÍN

Para cambiar el cursor, primero tenemos que tener la url de la imagen que queramos poner. Hay sitios donde podemos encontrar imágenes para cursores como:


Una vez tenemos clara la imagen que queremos tener en el cursor, simplemente nos vamos a Edición de HTML y buscamos la etiqueta
(con CTRL+F  lo encontraremos antes). Una vez encontrada simplemente tenemos que colocar antes de lo siguiente:



png fondo transparente icono san valentin
<style>HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/cursor_files/cupid.cur&quot;), url(&quot;http://downloads.totallyfreecursors.com/thumbnails/cupid.gif&quot;), auto;}</style>


png fondo transparente icono san valentin

<style>HTML,BODY{cursor: url(&quot;http://dl.dropbox.com/u/26040166/cursorcorazon.png&quot;), auto;}</style>




png fondo transparente icono san valentin

<style>HTML,BODY{cursor: url(&quot;http://dl.dropbox.com/u/26040166/cursorcorazon2.png&quot;), auto;}</style>

png fondo transparente efectos san valentin

<style>HTML,BODY{cursor: url(&quot;http://dl.dropbox.com/u/26040166/cursormu%C3%B1eca.png&quot;), auto;}</style>


Podéis ver un ejemplo de como queda la muñequita aquí.

EFECTOS DIVERTIDOS PARA EL BLOG

1. Cupido volando por el blog


Podéis elegir entre varios cupidos, el código y los pasos a seguir los podéis ver aquí.

2. Emoticonos de San Valentín (tipo gadget sin tocar plantilla)

png fondo transparente efectos san valentin

Tenéis los códigos aquí.

3. Corazones en el blog (tipo gadget también)

png fondo transparente efectos san valentin

El código del gadget aquí.


IMÁGENES PNG CON FONDO TRANSPARENTE 

Para hacer vuestras propias plantillas o decorar el blog o vuestras fotos.

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor

imagenes png fondo transparente amor