Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Botones Social Pure Css v2 By Spastox
#1

Hola gente Aqui Les Traigo Un Super DiseñoInteresante

Paso 1 - Css

El codigo CSS acomodara todo en su lugar y le dara un buen aspecto, para hacerlo simplemente copien siguiente codigo y peguenlo en donde tengan los estilos de su web, en el caso de blogger lo agregaremos arriba de "]]></bConfundidokin>"

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;
}

Paso 2 - Configuracion - Html

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>

Saludos, Comenten...ÁngelÁngelÁngelÁngelÁngel
#2
Muy buenos botones de redes sociales, ya los he probado y se ven muy bien en la web donde los subi, gracias por compartirlos, saludos.
WWW
#3
Bastante llamativo no me quede con las ganas para probarlos y están muy buenos, se los recomiendo para todos aquellos que busquen algo sencillo pero vistoso, saludos.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Ladrillo Como usar botones "disabled" y activarlos por JQuery Kevin9908 0 375 25-06-2015, 04:38 PM
Último mensaje: Kevin9908
  [PUBLICO] Tutorial Botones con perspectiva 3D AngelKrak 0 315 17-01-2015, 05:44 AM
Último mensaje: AngelKrak
  Botones Social Pure Css By Spastox Spastox 11 1,020 12-06-2014, 01:32 PM
Último mensaje: patrickvp
  Simple Shadow menu Pure Css by Spastox Spastox 0 397 20-04-2014, 09:01 PM
Último mensaje: Spastox
  Pon una red social en tu vida dBer 16 22,762 15-01-2014, 03:41 PM
Último mensaje: andrex.nava
  Botones Tuenti, Facebook, Twitter Netohg 0 493 17-09-2013, 01:37 PM
Último mensaje: Netohg
  Generador de Botones Css3 reynolds14 2 667 22-08-2013, 03:21 AM
Último mensaje: davilro
  Botones de Redes Sociales para Compartir entradas en tu blog cahcnehco29 0 504 26-05-2013, 04:25 AM
Último mensaje: cahcnehco29
  Botones HTML con la etiqueta BUTTON Junior 0 722 23-05-2013, 10:34 PM
Último mensaje: Junior
  MyMates: Social Network Script open source TripleZ 3 842 21-02-2013, 04:34 PM
Último mensaje: k_jupiter



Usuarios navegando en este tema: 1 invitado(s)