Adicionar share no fórum

+2
Ace
manuel rodrigues
6 participantes

Ir para baixo

Tópico resolvido Adicionar share no fórum

Mensagem por manuel rodrigues 27.02.13 16:21

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
manuel rodrigues
manuel rodrigues
Novo Membro

Membro desde : 23/02/2013
Mensagens : 24
Pontos : 40

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por Ace 27.02.13 16:36

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues 27.02.13 16:46

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
manuel rodrigues
manuel rodrigues
Novo Membro

Membro desde : 23/02/2013
Mensagens : 24
Pontos : 40

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por [F]lames 27.02.13 18:24

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.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues 27.02.13 19:38

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

cumps
manuel rodrigues
manuel rodrigues
Novo Membro

Membro desde : 23/02/2013
Mensagens : 24
Pontos : 40

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por HermeS. 27.02.13 20:23

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 Piscada
HermeS.
HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues 01.03.13 15:08

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

cumps
manuel rodrigues
manuel rodrigues
Novo Membro

Membro desde : 23/02/2013
Mensagens : 24
Pontos : 40

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por HermeS. 03.03.13 12:40

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

cumps
Sim Piscada
HermeS.
HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por Konai 05.03.13 19:41

manuel rodrigues escreveu: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. Muito feliz

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar share no fórum

Mensagem por Ted 06.03.13 23:53

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/
Ted
Ted
***

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos