Share links

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

Olá,

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


Até mais,
Passar bem.  

http://corrente-grafica.forumeiro.com/

Aqui está amigo.

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.  

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

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

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

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.