-->

03 julio 2014

Tutorial:Efecto amigas 1+Me apadrinaron!


Bueno,pues regreso con un nuevo tutorial realmente Cute,es un efecto de amigas precioso y el que uso yo actulmente(PD:si quereis estar en mis amigas,sólo avisad)
PREVIEW:


Bueno,empecemos con el tutorial..
Para plantilla básica o Blogger: Vamos a plantilla/Editar HTML y buscas con CTRL+F en code ]]></b:skin> y pegas el código que te dejaré abajo antes de la etiqueta.
Para plantilla clásica o Blogskins:Pegas el siguiente código antes de la etiqueta </style>
Este es el code:
.efec7{border: 2px #C8C6C6 solid;border-radius:50px;}
.efec7:hover{-webkit-filter: grayscale(0.7); -webkit-transform: rotateY(-180deg);-moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}
PD:Si no quieres bordecitos redondos borra la etiqueta "border-radius:50px;" y si sólo los quieres menos redondeados sólo quita un poco LOS PÍXELES,(ejemplo:"border-radius:20px;")
EDITEMOS:
Amarillo:El color del borde.
Azul:Tipo de borde,solid:Bordes Planos,cómo yo los tengo.Si quieres cambiar el tipo de borde por 'Dashed' o 'Dotted',más info Aquí.

Luego si le quieres colocar este efecto en una entrada coloca este código:
<img class="efec7" src="Url de tu Imagen" width="240" />
Si quieres el efecto en TODAS tus imágenes,haz esto:
Plantilla Básica o Blogger: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
Blogskin o Plantilla clásica:Pegar el siguiente codigo antes de </style>
img{border: 2px #C8C6C6 solid;border-radius:50px;}
img:hover{-webkit-filter: grayscale(0.7); -webkit-transform: rotateY(-180deg);-moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}
Y TODAS tus imágene incluirán ese efecto :3

 PARA EFECTO AMIGAS:
Haces el Paso 1,luego:
Plantilla Básica,Blogger:Añade un HTML/Javascript
Plantilla Clásica o Blogskin:Añade en el Sidebar que desees.

Este es el code:
<a href="Url del blog de tu amiga" target="_blank"><img class="efec7" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="efec7" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="efec7" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="efec7" height="70" src="Url de la imagen" width="70" /></a>
Si quieres añadir más amigas,copia y pega este code:
<a href="Url del blog de tu amiga" target="_blank"><img class="efec7" height="70" src="Url de la imagen" width="70" /></a>
Ahora guardas el Gadget y listo.
Créditos:x 
Bueno,también quería agregar que el blog http://laspalabraselladas.blogspot.com.es/ me ha apadrinado!!!!!!
Si,estoy feliiiiz!!!!,si quereis ser apadrinados o apadrinar,dirigios al banner:

Un besazo,¡bye!

9 comentarios:

  1. Felicidades!, voy ha usar este tru quito para alguna que otra entrada, mola bastante.
    Saludos

    ResponderEliminar
    Respuestas
    1. Vale :3,pero si lo usas en las entradas,no pongas url de amigas,solo la imágen.

      Eliminar
  2. Felicidades ^^
    Gracias por el tuto, te ha quedado muy bien ^^
    saludos n.n

    ResponderEliminar
    Respuestas
    1. Gracias,pero no es mío,es de lunany(de ahí los Créditos),me pidieron que lo publicase y lo hice :3,espero que te guste.

      Eliminar
  3. Me encantó la entrada ;D Gracias por ponerme en el gadget de seguidores :´) Gran tutorial!!! Aunque no sé si servirá para mi plantilla, es más mala, no le sirve casi nada.... O.O A mi todavía no me apadrinaron, llevo esperando un montón de tiempo, pero nadie quiere.... u.u
    Byekawaii!!

    ResponderEliminar
    Respuestas
    1. Si sirve :3,sirve para todas las plantilas.
      PD:es sólo cuestión de tiempo 3

      Eliminar
  4. Hola linda, gracias por publicar el tuto,me ha encantado,tal vez lo use en mi diseño,dándote créditos obviamente.Felicidades,me alegra que te hayan apadrinado!

    ResponderEliminar
  5. buen tutorial y felicidades ^^

    ResponderEliminar

Hola :)
Antes que nada,quería deciros que no insulteis ni causeis spam,hay que ser respetuoso,amigos :)