Share links

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Share links

Mensagem por Diogo Ferreira 04.10.13 20:41

Qual é minha questão:
Oi.
Queria, se possível, adicionar Share links no meu fórum (Facebook, Youtube) com o feitio da seguinte imagem.

https://i.imgur.com/ZmOiQf2.png

Endereço do meu fórum:
http://ball2dpt.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 06.10.13 11:58, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por First 04.10.13 20:46

Olá,

Senhor, poderia me fornecer o fórum onde o senhor viu tal efeito?


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por Diogo Ferreira 04.10.13 20:47

Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por First 04.10.13 21:14

Olá,

Senhor, aqui esta, lembrando adicione o código em algum local que aceite HTML.
Código:
<style type="text/css">
#rsociais ul {
list-style: none;
}
#redeblog {
background: #fc6301;
padding: 8px;
transition: all .3s linear;
border-radius: 2px 2px 2px 2px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
#rtwitter {
background: #43b3e5;
padding: 8px;
transition: all .3s linear;
border-radius: 2px 2px 2px 2px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
#rfacebok {
background: #1f69b3;
padding: 8px;
transition: all .3s linear;
border-radius: 2px 2px 2px 2px;
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
</style>

<div id="rsociais">
   <ul>
      <li>
      <a id="redeblog" href="LINK_DO_BLOG"><img src="http://upit.cc/i/fe877e54.png"></a>
      <a id="rtwitter" href="LINK_DO_TWITTER"><img src="http://upit.cc/i/afb451a1.png"></a>
      <a id="rfacebok" href="LINK_DO_FACEBOOK"><img src="http://upit.cc/i/501f2ab9.png"></a>
      </li>
   </ul>
</div>
LINK_DO_BLOG
LINK_DO_TWITTER
LINK_DO_FACEBOOK

Procura por isso no código, e substitua.


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por Diogo Ferreira 04.10.13 21:37

Coloquei na Gestão de páginas HTML e não resultou.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por Mr.Cyber 04.10.13 21:57

Poderia passar as AREAS de seu 
Facebook
Twitter
Blog,
para eu editar o HTML e lhe passar ?
Mr.Cyber

Mr.Cyber
****

Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369

http://pfdesigner.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Share links

Mensagem por Diogo Ferreira 04.10.13 22:01

Portanto quer o link das páginas?

Só tenho de Facebook e Youtube, aqui vão:

facebook: https://www.facebook.com/Ball2DPT
youtube: https://www.youtube.com/channel/UCutmgJyYv1AyFPP5Y0uQ3eQ
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Share links

Mensagem por Shek 04.10.13 23:01

Boa noite!

Use também o seguinte tutorial: https://ajuda.forumeiros.com/t44900-tutorial-redes-sociais-flutuantes No lugar do código Scripts apresentados, adicione o código que First apresentou:
Código:
<div id="rsociais">
  <ul>
      <li>
      <a id="redeblog" href="LINK_DO_BLOG"><img src="http://upit.cc/i/fe877e54.png"></a>
      <a id="rtwitter" href="LINK_DO_TWITTER"><img src="http://upit.cc/i/afb451a1.png"></a>
      <a id="rfacebok" href="LINK_DO_FACEBOOK"><img src="http://upit.cc/i/501f2ab9.png"></a>
      </li>
  </ul>
</div>
Atenciosamente,
Shek.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos