Codigo inacabado botones compartir

  • Autor Autor AlexxxBcN
  • Fecha de inicio Fecha de inicio
A

AlexxxBcN

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

share1.webp

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: &quot;proxima_nova&quot;,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:
Hola, buen dia se fijo en el css , ni aparece la class que menciona .. deberia empezar por hay :encouragement: [MENTION=40786]AlexxxBcN[/MENTION]
 
Gracias por la pista , me fue de ayuda !!!

Solucionado !!!
 
Atrás
Arriba