Como colocar o botão +1 das redes sociais nos tópicos/mensagens

3 participantes

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

Tópico resolvido Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 15:31

Qual é minha questão:
Olá , como posso adicionar o botão +1 das redes sociais (Twitter,Google plus e Facebook) nos tópicos/mensagens do meu fórum ?

Até mais.

Medidas que eu tomei para corrigir o problema:
--

Links e imagens do meu problema:
--

Endereço do meu fórum:
www.rb-forum.net

Versão do meu fórum:
PHPBB3
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por bean 27.02.12 15:40

Olá,

Painel de Controle Seta Visualização Seta Cores Seta Folha de Estilo CSS

Lá coloque este codigo abaixo:

Código:
<div style="margin:auto;text-align:center;width:100%"><img style="visibility:hidden;width:0px;height:0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjc3MDQ4NDgwMjEmcHQ9MTMyNzcwNDg2NDc5NSZwPTUzMTUxJmQ9Jmc9MSZvPWY*OGI5Y2I4OWNmZjRiYWU5MTdk/YWRmMmFiZWVlZGYw.gif" border="0" height="0" width="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" name="chat" flashvars="id=165667315" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="371" width="900"><br></div>

        <style>#page-header .navbar ul.linklist.navlinks{z-index:1}#redesociais{position:absolute;top:293px;right:55px}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="SEU FACEBOOK AQUI!" target="_blank"><img src="http://img853.imageshack.us/img853/1130/facebookmkm.png" height="37" width="37"></a><a href="SEU TWITTER AQUI!" target="_blank"><img src="http://img32.imageshack.us/img32/980/twitterfsk.png" height="38" width="38"></a><a href="SEU YOUTUBE AQUI!" target="_blank"><img src="http://img705.imageshack.us/img705/9003/youtubebb.png" height="36" width="36"></a><a href="BREVEMENTE" target="_blank"><img src="http://img192.imageshack.us/img192/1020/bloggeraw.png" height="37" width="37"></a></div>

<script language="JavaScript">
    <!--
    var mensagem="";
    function clickIE() {if (document.all) {(mensagem);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {alert ("» RB-FORUM PROTEGIDO «")(mensagem);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    // -->
    </script>

Salve e Visualize ...

OBS ~> Favor clicar no + ou no +THANKS se este tutorial lhe serviu como ajuda ou informação ...
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 15:56

Informações

Seu CSS foi atualizado
Nota:
As balizas html geram erros na folha de estilo.
Uma correção acabou de ser feita visando suprimir as balizas html que foram adicionadas à folha de estilo.
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por bean 27.02.12 15:57

Leia o codigo ele necessita dos seus dados ok ...
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 16:08

Hum , agora que reli o código vi que precisa colocar o link das redes sociais ... mais não é isto que quero ...

Quero colocar este código :
Código:
<div align="center" id="FM_widget_share"><script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'pt-BR'}</script><div id="___plusone_0" style="height: 60px; width: 50px; display: inline-block; text-indent: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial; "><iframe allowtransparency="true" frameborder="0" hspace="0" id="I1_1330309185519" marginheight="0" marginwidth="0" name="I1_1330309185519" scrolling="no" src="https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Fwww.rb-forum.net%2Fportal&amp;size=tall&amp;count=true&amp;hl=pt-BR&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3Dew4baf01DMo.pt_BR.%2Fsv%3D1%2Fam%3D!4ArSr93f4LuIjcmMGw%2Fd%3D1%2F#id=I1_1330309185519&amp;parent=http%3A%2F%2Fwww.rb-forum.net&amp;rpctoken=120117473&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart" style="width: 50px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 60px; position: static; left: 0px; top: 0px; visibility: visible; " tabindex="-1" vspace="0" width="100%" title="+1"></iframe></div><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1329950604.html#_=1330309270771&amp;count=vertical&amp;id=twitter-widget-0&amp;lang=pt&amp;original_referer=http%3A%2F%2Fwww.rb-forum.net%2Fportal&amp;size=m&amp;text=Portal&amp;url=http%3A%2F%2Fwww.rb-forum.net%2Fportal" class="twitter-share-button twitter-count-vertical" style="width: 73px; height: 62px; " title="Twitter Tweet Button"></iframe><iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http%3A%2F%2Fwww.rb-forum.net%2Fportal&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe></div>
Nos tópicos/mensagens do meu fórum ! só que para cada tópico/mensagens ele mude o link do /portal ...
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por MateusV. 27.02.12 16:15

Olá, boa tarde.
Acede a:
Painel de controle ->> Módulos ->> HTML ->> Gestão das páginas HTML ->> Adicionar uma página HTML ->>
Como colocar o botão +1 das redes sociais nos tópicos/mensagens  210
Título - Neste campo terá de adicionar um título para a sua página HTML, servirá para identificar a sua página na lista de páginas HTMl, do Painel de Cntrole, e fará também parte do endereço da página. Por exemplo:
Título: Forumeiros
Endereço da página: .../forumeiros-h1.html

Você deseja utilizar o início e o final da página do seu fórum? Não
Usar esta página como página inicial? Não
jQuery(document).ready(function() {
jQuery('p.author').after('<iframe src="https://www.facebook.com/plugins/like.php?href=ENDERECO-DO-FORUM&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ');
});

Azul: Endereço do seu fórum. Exemplo: https://ajuda.forumeiros.com/
Vermelho: Largura do código que será exibido quando os tópicos forem postados. Neste código é possível visualizar quantas pessoas curtiram, caso queira ocultar e deixar apenas o botão basta diminuir o valor.
Verde: Altura do objeto mostrado. Neste caso poderemos determinar a distância entre a mensagem e o botão "Curtir" do facebook.
Para aplicar, vamos ter que usar o endereço da mesma e colocar na descrição do site.
Painel de controle ->> Geral ->> Fórum ->> Configuração ->>
Vamos procurar pelo campo "Descrição do site" e adicionar um Script.
Como colocar o botão +1 das redes sociais nos tópicos/mensagens  Img_310
<script src=/hY-></script>
Ao lugar do "Y" apenas coloque o número da página que criamos com o código do botão curtir.
Código:
<script src=/h1-></script>
Como colocar o botão +1 das redes sociais nos tópicos/mensagens  Resuta10
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 16:43

MateusV. Eu amo você (Envergonhado)

Olha , resultou mais o que acontece é que quero colocar o do Twitter e Google plus também ...
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por MateusV. 27.02.12 16:47

Olá, Piscada

Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão das páginas javascript ->> Criar um novo javascript ->>
Em investimento, marque a opção "Nos tópicos".
Coloque esse código:
Código:
jQuery(document).ready(function(){jQuery('p.author').after('<iframe allowtransparency=true frameborder=0 hspace=0 marginheight=0 marginwidth=0 scrolling=no src="https://plusone.google.com/u/0/_/+1/fastbutton?url=http%3A%2F%2Fgleebrasil.maisforum.com%2F&size=standard&count=true&annotation=&hl=en-US&jsh=r%3Bgc%2F23980661-3686120e#id=I5_1316623894250&parent=http%3A%2F%2Fwww.google.com&rpctoken=774946014&_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" ></iframe></div> ')});
Clique em "Confirmar"
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 16:57

Esse código é só o do google plus ... Quero o do twitter também !

Ps: aqui no código ta um gleebrasil.maisforum.com eu tenho que mudar pro meu fórum?
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão +1 das redes sociais nos tópicos/mensagens

Mensagem por Troubleshoot 27.02.12 17:10

Podem fechar ... Peguei o código que eu passei acima e coloquei com o código que o MateusV. me passou e funcionou ^^

Até mais.Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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