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
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 :
plaire.&body='+url+'">Email
'+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview
('/outbound/twitter.com');">Twitter
')});
Phpbb2 |
jQuery(document).ready(function(){var
url=document.URL;jQuery(".maintitle").append('class="h3">Partagez cette page :
plaire.&body='+url+'">Email
'+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview
('/outbound/twitter.com');">Twitter
')});
Punbb |
jQuery(document).ready(function(){var
url=document.URL;jQuery("#pun-head").append('class="h3">Partagez cette page :
plaire.&body='+url+'">Email
'+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview
('/outbound/twitter.com');">Twitter
')});
Invision |
jQuery(document).ready(function(){var
url=document.URL;jQuery("#navstrip").append('class="h3">Partagez cette page :