1. Vamos a Tema > Personalizar > Editar HTML y buscamos <head> y DEBAJO pegamos el siguiente código:
<link href='http://static.tumblr.com/74tqsur/WvZmoiiow/swivel.css' media='screen' rel='stylesheet'/>
2. Ahora buscamos ]]></b:skin> y justo encima pegamos lo siguiente:
.swivel { padding: 1px; background: #f5f5f5; border:1px solid #c7c7c7; margin:3px; -webkit-transition-duration:.99s; -webkit-animation: swivel 1s; -moz-animation: swivel 1s; } .swivel:hover { OPACITY: 0.6; outline-style: transparent; transform: rotateY(-360deg) scale(1) skew(0deg); -moz-transform: rotateY(-360deg) scale(1) skew(0deg); -webkit-transform: rotateY(-360deg) scale(1) skew(0deg); -o-transform: rotateY(-360deg) scale(1) skew(0deg); }
Lo que está en negrita se puede modificar, en este caso, el color y la anchura del borde, además del color del fondo.
3. Para terminar, añadimos un Gadget HTML/Javascript y ponemos el siguiente código:
<a href="Link" title="Texto"><img src="Imagen" class="swivel" /></a> <a href="Link" title="Texto"><img src="Imagen" class="swivel" /></a> <a href="Link" title="Texto"><img src="Imagen" class="swivel" /></a>
Y sólo hay que sustituir lo que está en negrita. Además, también podemos quitarle el link si no es algo que nos interese.
No hay comentarios:
Publicar un comentario
Hey! Si has llegado hasta aquí es porque has leído todo el post y si no, intenta hacerlo, tal vez haya escrito algo sobre mí, el blog o cualquier tema que a mi me parezca importante.
Aquí dejo algunos puntos a tener en cuenta a la hora de comentar:
★ Por favor, sé respetuoso/a.
★ Si tienes cualquier duda que no se pueda resolver por comentarios o cualquier pedido, hazlo en Contacto.
★ ¿Quieres afiliarte? Puedes dejar el link en la sección Afiliate.
★ ¡Gracias por visitar el blog!
Aquí dejo algunos Kaomojis por si quieres usarlos:
(* ^ ω ^) ☆ *:… o (≧ ▽ ≦) o…: * ☆ (o ^ ▽ ^ o) (‘. • ω •.`) (o · ω · o) (@ ^ – ^) ヽ (* · ω ·) ノヽ (o ^ – ^ o) ノ (^ 人 ^) (^ ▽ ^) (¯ ▽ ¯) (‘. • ᵕ •.`) (≧ ▽ ≦) / (♡ ˙)˙ ♡) (* ¯ ³ *) ♡ (* ♡ ∀ ♡) ♡ (¯ ▽ ¯) / ♡ (> ﹏ <) (; ⌣_⌣) (–_–) (╯_╰) (T_T) (╥ω╥) (O_O;) (⊙_⊙) (⌒ ▽ ⌒) (^ – ^ *) / (o’ω`o) ノ (✧∀✧) / (~ ▽ ¯) ~ (^ _ ^ ♪) (~ ˘ ▽ ˘) ~ (˘ ▽ ˘) っ ♨ (͡ ° ͜ʖ ͡ °)
O si estás usando Windows, usa la combinación de teclas Windows + . (punto) para otros símbolos y/o emojis.