Adicionar share no fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar share no fórum

Mensagem por manuel rodrigues em 27/02/13, 01:21 pm

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:

http://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
avatar

manuel rodrigues
Nível 3

Masculino
Inscrito dia : 23/02/2013
Mensagens : 24
Pontos Ativos : 40

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Adicionar share no fórum

Mensagem por Ace em 27/02/13, 01:36 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues em 27/02/13, 01:46 pm

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
avatar

manuel rodrigues
Nível 3

Masculino
Inscrito dia : 23/02/2013
Mensagens : 24
Pontos Ativos : 40

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Adicionar share no fórum

Mensagem por [F]lames em 27/02/13, 03:24 pm

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.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues em 27/02/13, 04:38 pm

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

cumps
avatar

manuel rodrigues
Nível 3

Masculino
Inscrito dia : 23/02/2013
Mensagens : 24
Pontos Ativos : 40

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Adicionar share no fórum

Mensagem por HermeS. em 27/02/13, 05:23 pm

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
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Adicionar share no fórum

Mensagem por manuel rodrigues em 01/03/13, 12:08 pm

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

cumps
avatar

manuel rodrigues
Nível 3

Masculino
Inscrito dia : 23/02/2013
Mensagens : 24
Pontos Ativos : 40

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Adicionar share no fórum

Mensagem por HermeS. em 03/03/13, 09:40 am

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

cumps
Sim Piscada
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Resolvido Re: Adicionar share no fórum

Mensagem por Gaaratsu em 05/03/13, 04:41 pm

@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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Adicionar share no fórum

Mensagem por Ted em 06/03/13, 08:53 pm

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/
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum