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: http://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.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

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

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

- Tópicos similares

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