Share links

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

Resolvido Share links

Mensagem por Diogo Ferreira em 04/10/13, 04:41 pm

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

http://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, 07:58 am, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Share links

Mensagem por First em 04/10/13, 04:46 pm

Olá,

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


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Share links

Mensagem por Diogo Ferreira em 04/10/13, 04:47 pm

avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Share links

Mensagem por First em 04/10/13, 05:14 pm

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 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Share links

Mensagem por Diogo Ferreira em 04/10/13, 05:37 pm

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Share links

Mensagem por Mr.Cyber em 04/10/13, 05:57 pm

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

Mr.Cyber
Nível 9

Masculino
Inscrito dia : 29/09/2013
Mensagens : 224
Pontos Ativos : 369

Ver perfil do usuário http://pfdesigner.forumeiros.com/

Resolvido Re: Share links

Mensagem por Diogo Ferreira em 04/10/13, 06:01 pm

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
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Share links

Mensagem por Shek em 04/10/13, 07:01 pm

Boa noite!

Use também o seguinte tutorial: http://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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17539
Pontos Ativos : 21768

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum