Adicionar share no fórum

[manuel rodrigues]

Qual é minha questão:
Eu fiz tudo como está descrito no link a baixo. copiei tudo para dentro do CSS e criei uma folha java só que não aparece nada no fórum. será por já ter alguma coisa na folha css?

link:

https://ajuda.forumeiros.com/t56733-tutorial-adicionar-share-no-forum

cumps

Endereço do meu fórum:
http://mundodosaquarios.forumfacil.net

Versão do fórum:
PHPBB3

[Ace]

Olá,

Faça o seguinte:

Hospede o JS do tutorial em uma página HTML sem utilizar a estrutura padrão do fórum, apenas o código. Depois, copie o link da página criada para o local em destaque:

<script src="ENDERECO-DA-PAGINA-HTML"></script>

Aceda à aba Geral e siga:

Fórum >> Configurações >> Descrição do fórum

Aplique o código acima e salve. Desative o módulo JS e veja se resulta.

Até Mais.

[manuel rodrigues]

o que eu fiz fui adicionar o códio que se tinha de por dentro da folha CSS que está no tutorial numa folha HTML e mantive o códio que é especifico de cada fórum (PHPBB3) numa folha de javascript. depois fiz como disse mas não funciona na mesma.

cumps

[[F]lames]

Olá,

Aceda á Folha de Estilos CSS:
E, no enorme campo, adicione isto no início:

Código:

/* INÍCIO DO SHARE */
.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(http://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;}
/* FIM DO SHARE */

---

Aceda á Gestão dos códigos JS:
Clique em 'Criar um novo javscript':

Título: Á sua escolha.
Investimento: Em todas as páginas.
Código JS:

Código:

$(document).ready(function(){var url=location.href;$('#page-header').append('<table cellspacing=0 cellpadding=0 width=100%><tr><td align=center valign=center><ul class="sharing-cl" id="text"> <li><a target="_blank" class="sh-mail" href="mailto:?subject=Cette page devrait te plaire.&body='+url+'">Email</a></li> <li><a target="_blank" class="sh-feed" href="/feed">RSS</a></li> <li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Mon ForumActif '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li> <li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u='+url+'">Facebook</a></li> <li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon</a></li> <li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url='+url+'">Digg</a></li> </ul></td></tr></table><br>');});

Salve!

Resulta ?

Até mais.

[manuel rodrigues]

infelizmente coloquei os dois códigos que me deu e não deram.

cumps

[HermeS.]

Olá,

Aceda em: "Folha de estilo CSS",

Código:

/***Barra de compartilhamento***/

.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:600´x;
}
.sharing-cl a{
overflow:hidden;
width:105px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://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:10;
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;
}
/***Barra de compartilhamento***/

Até mais

[manuel rodrigues]

não é necessário meter mais nada a não ser o código na folha CSS?

cumps

[HermeS.]

não é necessário meter mais nada a não ser o código na folha CSS?

cumps

Sim

[Konai]

não é necessário meter mais nada a não ser o código na folha CSS?

cumps

Olá querido Manuel Rodrigues,

Conceda-me o endereço da tua página Java Script que contém o código, por gentileza.

Até mais.

[Ted]

Aceda em folha CSS

Código:

/~Barra de compartilhamento~/
sharecod:url: http://www.googleplus/img/hjjsfa55fdsidssiaipercias.html
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:600´x;
}
.sharing-cl a{
overflow:hidden;
width:105px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://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:10;
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;
}
/Barra de compartilhamento/