Sígueme en... ♥

Facebook :3Tumblr *-*Twitter owo YouTube x3  YouTube x3

Ali♥:

Estás loco, majareta. Pero te contaré un secreto, las mejores personas, lo están.

Seguidores

Mis series ♥

gossip girl | Tumblrgossip girl | Tumblr
gossip girl | Tumblr

Yo cumplo el...

Club ♥


Mi ahijada: Studio Sukkechi!

Tumblr ♥



Heart ♥

Concursos y Sorteos ♥

viernes, 11 de octubre de 2013

{Tutorial} Cambiar la imagen por otra pasando el cursor

¡Muy buenas! :3 ¿Qué tal han estado esta semana? No he podido publicar nada desde el lunes puesto que tenía muchos deberes y cosas así, además de que el poco tiempo libre me la pasaba viendo GossipGirl... en fin. Al menos ahora si, fin de semana por fin. :3 Aunque me espera uno largo y con muchos deberes y temas que estudiar, saco tiempo para mi blog y mis juegos. :'3
Bueno, hoy vengo con un tutorial muy interesante que una vez use en este blog. Es el segundo tutorial que hago, y de decidido hacer muchos más. Para compartir lo poco que sé sobre los códigos HTML y decoración de blogs con vosotros.
Bien... este ess uno muy sencillo así que no os dará problemas al utilizarlo. 
En primer lugar seleccionar las dos imágenes que queráis que aparezcan.

Como veis, se pueden poner gifs.
Y estas imágenes normales.
Este es el código HTML que usaremos.
<img src="Aqui URL de una imagen" onmouseover="this.src='Aqui URL de otra imagen';" onmouseout="this.src='Aqui URL de la primera imagen';"/>


Lo pegan en su entrada o gadget HTLM/Javascript.
En Rojo: La primera imagen que queráis que se vea siempre.
En Azul: La segunda imagen que sólo se vera cuando paséis el cursor.

Y eso es todo, es muy sencillo. Si hay alguna duda dejen un comentario :3
Sayou <3

1 lectores ♠:

Sakuya Aikawa dijo...

un exelente tuto no comprendo por que no tienes comentarios agradeciendolo XD

 

Blog Template by BloggerCandy.com