Efecto gota #3


Hola.

Tiempo sin pasarme por aquí, siento mucho mi ausencia en el blog, no tengo ánimos ni ideas.

Además se había perdido mi gata coco, y hoy llego a la casa, esa es una de las razones, tratare de publicar más en el blog. Pero de otras cosas, que no sean recursos y tutoriales. Si quieren que publique algo díganme en los comentarios.

Les traigo un nuevo efecto, que lo saque del blog: gnm-h
Créditos a ese blog.

Previa:




Nos vamos para:

Plantilla | Editar HTML | CTRL + F

Y buscamos:

]]></b:skin>
Arriba de ese código ponemos este:

/** Efeito gota by gnmh **/
.gota { background:#ccc;border:solid 3px #fff;box-shadow: inset 0 0 6px #ccc, 0px 1px 1px #ccc;border-radius:50px 50px 0px 50px;-webkit-transition-duration: .90s;opacity:0.7;}
.gota:hover {border-radius:0px 50px 50px 50px;-webkit-transition-duration: .90s;background:#fff;Border: 3px solid #ccc;box-shadow: inset 0 0 6px #D4E3E8, 0px 1px 1px #ccc; }
Guardas, y vamos a (Diseño/JavaScript)
<a href="link" target="blank" title="nota"><img class="gota" src="link de la imagen" height="60" width="60" /></a> 
Para editar:

Link: El link de la pagina.
Nota: Cualquiera nota/mensaje que quieras poner.
Link de la imagen: El link de la imagen.

¡Listo, le das guardar!

Eso es todo, espero les allá gustado, no olviden los créditos.
Hasta luego.


3 comentarios:

  1. Hola♥ Que bueno que encontraste a Coco, soy LoveFoorCats vos me contaste lo de tu gatita hace unos días por stardoll jajaja. Me alegro de que haya vuelto a tu casa :')

    ResponderEliminar
    Respuestas
    1. Sí jaja, gracias por tu comentario♥
      gracias por preocuparte :)

      Eliminar

¡Hey, gracias por leer la entrada!

Para que no tengas ningún problema/duda:

- Deja tu comentario referente a la entrada.
- Para las afiliaciones: ir a su sección (Afiliame/Afiliados)
- Comenta con respeto.
- No SPAM.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta o escríbeme a mi correo para ayudarte.
- Sí tienes algún problema conmigo, ya sea por créditos, derechos de autor o otro, escríbeme a mi correo.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar tu comentario + la URL de tu blog para poder visitarlo.
- (No cuenta como SPAM)

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada, actualizo cada semana o cuando pueda.

Contacto:
gladiuskagg@gmail.com

¡Saludos!

-Glad.