Adicionar share no fórum

Muitos
administradores procuram meios de publicar os fóruns nas redes sociais,
que se torna um trabalho muito difícil. Neste tutorial vamos instalar
logo abaixo nos anúncios rolantes do fórum uma lista de compartilhamento
de redes sociais.

--> Tutoriais, dicas e astúcias <--
Adicionar share no fórum

1º - Adicionar código CSS:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Na folha de estilo CSS, vamos adicionar o seguinte código:

.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

2º - Código para cada versão:
Painel de controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos Javascripts
Clique
no botão "Criar uma nova página Javascript", Para que funcione
corretamente, a opção "Investimento" deve estar marcada em "Todas as
páginas". Caso você tenha dúvidas relacionada as páginas .JS, poderá
conferir o seguinte tópico: [FAQ] Páginas .JS

No campo "Código JavaScript" vamos adicionar o código válido para cada versão:

Phpbb3

jQuery(document).ready(function(){var
url=document.URL;jQuery("#page-header").append('

class="h3">Partagez cette page :

---

cellspacing=0 cellpadding=0 width=100%>

valign=center style="margin-right:20px;"> id="text"> href="mailto:?subject=Cette page devrait te plaire.&body='+url+'">Email RSS class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">Twitter href="https://www.facebook.com/share.php?u='+url+'">Facebook href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon href="http://digg.com/submit?phase=2&url='+url+'">Digg

valign=center>width="45">

')});

Phpbb2

jQuery(document).ready(function(){var
url=document.URL;jQuery(".maintitle").append('

class="h3">Partagez cette page :

---

cellspacing=0 cellpadding=0 width=100%>

valign=center style="margin-right:20px;"> id="text"> href="mailto:?subject=Cette page devrait te plaire.&body='+url+'">Email RSS class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">Twitter href="https://www.facebook.com/share.php?u='+url+'">Facebook href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon href="http://digg.com/submit?phase=2&url='+url+'">Digg

valign=center>width="45">

')});

Punbb

jQuery(document).ready(function(){var
url=document.URL;jQuery("#pun-head").append('

class="h3">Partagez cette page :

---

cellspacing=0 cellpadding=0 width=100%>

valign=center style="margin-right:20px;"> id="text"> href="mailto:?subject=Cette page devrait te plaire.&body='+url+'">Email RSS class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">Twitter href="https://www.facebook.com/share.php?u='+url+'">Facebook href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon href="http://digg.com/submit?phase=2&url='+url+'">Digg

valign=center>width="45">

')});

Invision

jQuery(document).ready(function(){var
url=document.URL;jQuery("#navstrip").append('

class="h3">Partagez cette page :

---

cellspacing=0 cellpadding=0 width=100%>

valign=center style="margin-right:20px;"> id="text"> href="mailto:?subject=Cette page devrait te plaire.&body='+url+'">Email RSS class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">Twitter href="https://www.facebook.com/share.php?u='+url+'">Facebook href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon href="http://digg.com/submit?phase=2&url='+url+'">Digg

valign=center>width="45">

')});

---

• Posso modificar as imagens?
  Sim! Precione as teclas "CTRL + F" e cole o endereço da seguinte imagem:
  [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
  Quando encontrar, poderá modificá-las coforme desejar.
  

• Posso ativar essa função somente em todas as páginas?
  Não.
  Nas folhas Javascript, na opção 'investimento', poderá escolher
  qualquer uma das opções desejadas, pode ser que funcione ou não conforme
  desejado.
  
• Resultado: