Suporte » Temas » Link do Facebook na imagem

  • Resolvido Felipe Vogel

    (@felipe-vogel)


    Galera, perguntinha fácil aqui (pra vocês).

    tenho este código no meu header.php

    <div class=”object1675091619″ data-left=”75.86%”></div>

    essa div representa um icone do facebook do meu site, que na folha de estilos está assim:

    .object1675091619
    {
    display: block;
    left: 75.86%;
    margin-left: -22px;
    position: absolute;
    top: 20px;
    width: 30px;
    height: 33px;
    background-image: url(‘images/object1675091619.png’);
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 3;
    }

    agora gostaria de colocar o link do facebook nesta classe ou imagem, como eu faria isso? no html ou na folha de estilos, desde já agradeço, Abs.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Pelo que entendi essa div ai so apresenta a imagem do facebook e nao tem link, certo?

    Para colocar o link, acho que seria assim:

    HTML:

    <div class="object1675091619" data-left="75.86%">
       <a href="o endereco do link fica aqui!!!!!!!">
           Link do facebook!
       </a>
    </div>

    CSS:

    .object1675091619 > a{
    	text-indent:-9999px;
    	display:block;
    	width:30px;
    	height:33px;
    	background:none;
    }

    Acho que da certo assim.

    Criador do tópico Felipe Vogel

    (@felipe-vogel)

    Valeu meu amigo, deu certo sim, uma última pergunta, se eu quiser que esse link abra em outra janela? Abs.

    no html do link, no trecho:
    <a href...

    Coloca:
    <a target="_blank" href=""...

    Criador do tópico Felipe Vogel

    (@felipe-vogel)

    Agora sim, ficou perfeito, muito obrigado.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Link do Facebook na imagem’ está fechado para novas respostas.