A
AlexxxBcN
Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola vi estos botones para compartir

Como puedo hacer que se me vea cada 1 de un color ?
El icono de whatsapp no se muestra
Alguna ayuuda ?
Gracias !!!
Tengo este css para los iconos de los botones
(El de whatsapp no se muestra )
Tengo este otro estilo
MAS CODIGO

Como puedo hacer que se me vea cada 1 de un color ?
El icono de whatsapp no se muestra
Alguna ayuuda ?
Gracias !!!
Tengo este css para los iconos de los botones
(El de whatsapp no se muestra )
Insertar CODE, HTML o PHP:
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
Tengo este otro estilo
Insertar CODE, HTML o PHP:
.div-share {
margin-bottom: 20px;
float: left;
width: 100%;
}
.share-div {
width: 120px;
margin-right: 35px;
text-align: center;
float: left;
margin-bottom: 20px;
}
.share-popup {
background-attachment: scroll;
background-clip: border-box;
background-color: #325C99;
background-image: none;
background-origin: padding-box;
background-size: auto auto;
border-radius: 3px;
border-collapse: separate;
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.247) inset;
box-sizing: content-box;
color: #FFF;
font-family: "proxima_nova",Arial;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 20px;
letter-spacing: normal;
line-height: 12px;
margin: 0px;
outline: 0px none #3EA909;
padding: 6px 10px 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background 0.3s ease 0s;
width: 100%;
float: left;
}
MAS CODIGO
Insertar CODE, HTML o PHP:
<div class="div-share">
<div class="share-div">
<a class="share-popup" href="http://www.facebook.com/sharer.php" title="Facebook" target="_blank">
<span><i class="fa fa-facebook-square"></i> Facebook</span>
</a>
</div>
<div class="share-div">
<a class="share-popup twitter" href="http://twitter.com/share" title="Twitter" target="_blank">
<span><i class="fa fa-twitter"></i>Twitter</span>
</a>
</div>
<div class="share-div">
<a class="share-popup google-plus" href="https://plus.google.com/share" title="Google Plus" target="_blank">
<span><i class="fa fa-google-plus-square"></i><span>Google Plus</span>
</span></a>
</div>
<div class="share-div">
<a class="share-popup whatsapp" href="whatsapp://send?text="+document.url+" title="whatsapp" target="_blank">
<span><i class="fa fa-whatsapp"></i><span>WhatsApp</span>
</span></a>
</div>
</div>
Última edición: