¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Botones Social v2
#1
0
Hola gente les traigo este nuevo diseño recien salido del Horno Sonreir

El Css Lo Colocan en su archivo de estilos

Cita:.social-v2{
position: relative;
margin: 0;
padding: 0;
}
.social-v2 a{
background-image: url(http://i5.minus.com/jE7M2GirFwiyd.png);
position: relative;
background-repeat: no-repeat;
display: inline-block;
background-position: 0px -84px;
background-size: auto 120px;
margin: 0;
padding: 0;
width: 38px;
height: 36px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
}
.social-v2 .f{
background-position: 0px -84px;
}
.social-v2 .f:hover{
background-position: 0px -43px;
}
.social-v2 .g{
background-position: -120px -84px;
}
.social-v2 .g:hover{
background-position: -120px -43px;
}
.social-v2 .y{
background-position: -401px -84px;
}
.social-v2 .y:hover{
background-position: -401px -43px;
}
.social-v2 .t{
background-position: -320px -84px;
}
.social-v2 .t:hover{
background-position: -320px -43px;
}
.social-v2 .s{
background-position: -281px -84px;
}
.social-v2 .s:hover{
background-position: -281px -43px;
}
.social-v2 .r{
background-position: -240px -84px;
}
.social-v2 .r:hover{
background-position: -240px -43px;
}
.social-v2 .v{
background-position: -361px -84px;
}
.social-v2 .v:hover{
background-position: -361px -43px;
}

El Html Lo Colocaran Donde Quieran El Efecto Sonreir

Cita:<div class="social-v2">
<a class="f" href=""></a>
<a class="g" href=""></a>
<a class="y" href=""></a>
<a class="t" href=""></a>
<a class="s" href=""></a>
<a class="r" href=""></a>
<a class="v" href=""></a>
</div>


Demo

I Programer

#2
0
Lo había visto esos botones en algunos sitios, se esta usando mucho actualmente. Gracias por compartirlo Sonreir
Reglas de LagriHost | WIKI/Ayuda-FAQ | Nuestro Equipo | Solicita tu Hosting en 7 Pasos
No doy soporte por MP! Para eso esta el foro Guiño


[Imagen: banner-colabora.gif][Imagen: 8mt2wBp.jpg]

#3
0
Muy bueno amigo gracias Sonreir

#4
0
Muy bueno, me gusta el hoover qe tiene


Sent from my iPhone using Tapatalk

#5
0
gracias por compartirlo amigo
la música nó se escucha con los oídos, sino con el corazón

#6
0
Muy bueno

como se daran cuenta todo parte de una imagen y desde ahi con coordenadas se va desmenuzando cuadro x cuadro

solo faltaria ponerle un link a cada cuadro y listo a las redes sociales

#7
0
copado Sonrisa gracias por el aporte

#8
0
muchas gracias lo necesitaba

#9
0
Esta caido el demo D:

#10
0
Gracias por el aporte, yo no se mucho de eso, pero se que aqui aprendere rapido Guiño



Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Tutorial Botones Social Con Efecto Hover Jonvaor96 3 933 03-02-2014, 11:37 PM
Último mensaje: ZGezz



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018