26 ago. 2015

[Tutorial] Personalizar gadget "Seguidores" -1-

Hiiiiiii~! Por fin os he podido traer un nuevo tutorial!! >w< La verdad no tenia muchas ideas jajaja pero bueno al final he encontrado algo que tenia olvidado pero que queda genial.... Y es personalizar el gadget seguidores, quitándole opacidad y el color de fondo! ^^
Sin y con el mouse por encima ^^
Es muy sencillo ponerlo así! :D Debéis ir a Plantilla > Personalizar > Avanzado e ir CSS y poner el siguiente código...
#Followers1{
background: none;}
#Followers1-wrapper {
opacity: 0.2; -webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
#Followers1-wrapper:hover {
text-decoration: none !important;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;
-webkit-transition-duration: .90s;
transition-duration: .90s;
margin-bottom: 2px;
}
Entonces guardas y vas a tu blog a mirar el efecto! :D Es rápido y sencillo pero queda un bonito efecto.
El código no es del todo mío ya que solo lo he editado un poco, pero no se de donde lo he sacado así que no pondré créditos XD
Bye bye!! 

4 comentarios: