Como coloca esse passarinho no forum?

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

Resolvido Como coloca esse passarinho no forum?

Mensagem por wendel_InSiide em Qua 27 Mar 2013 - 13:54

Qual é minha questão:
Queria coloca o passarinho seguindo o cursor aqui desse sait

sait que vi : http://coisacriada.no.comunidades.net/index.php?pagina=1324642904_02

Endereço do meu fórum:
http://insiidebgw.forumeiros.com

Versão do fórum:
PHPBB3
avatar

wendel_InSiide
Nível 6

Masculino
Inscrito dia : 29/12/2012
Mensagens : 61
Pontos Ativos : 118

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

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por BrunoH. em Qua 27 Mar 2013 - 13:55

Olá!
Leia este tópico:
Seta [TUTORIAL] Passarinho do twitter no fórum

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por wendel_InSiide em Qua 27 Mar 2013 - 14:11

nao resultou
avatar

wendel_InSiide
Nível 6

Masculino
Inscrito dia : 29/12/2012
Mensagens : 61
Pontos Ativos : 118

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

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por BrunoH. em Qua 27 Mar 2013 - 14:24

Olá!
Aceda a:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral
Em "Conteúdo da mensagem. :" Coloque o seguinte código:
Código:
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'ENDEREÇO_DO_TWITTER'; var twitterThisText =''; tripleflapInit();
</script>
e Salve!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por wendel_InSiide em Qua 27 Mar 2013 - 14:29

nao resultou
avatar

wendel_InSiide
Nível 6

Masculino
Inscrito dia : 29/12/2012
Mensagens : 61
Pontos Ativos : 118

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

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por @ Thiago @ Arromba @ em Qua 27 Mar 2013 - 14:35

- Criar widget personalizado para suportar o código:
Como esse código é aplicável em qualquer campo que aceite o HTML/Script ou Jquery, vamos aplicá-lo em um widget, que de preferência esteja pontualmente seja visível em todas às páginas do fórum.

Painel de controle ->> Módulos ->> Portal e Widges ->> Gestão dos widgets do fórum ->> ->>



1° Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle.
2° Utilizar um table type - Caso opte pale opção "Sim" o widget terá a moldura padrão dos restantes widgets, caso opte por "Não" o conteúdo não estará rodeado por qualquer moldura.
3° Título do widget - Neste campo, terá de atribuir um título, o que será visualizado no seu fórum. Caso tenha marcado a opção "Não" na opção anterior, colocar ou não um título será indiferente.
4° Fonte do widget - Aqui deverá colocar o conteúdo do widget, poderá colocar variáveis mas não poderá colocar BBcode e sim HTML. Veremos nos pontos seguintes como poderá utilizar o editor HTML.
5° Salvar - Por fim, após colocar o conteúdo, terá de "Salvar" o seu widget personalizado.

- Modificar o código para o seu twitter:
Neste código não há muito o que modificar.

Abra:
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'ENDEREÇO_DO_TWITTER'; var twitterThisText =''; tripleflapInit();
</script>

Vermelho: Endereço externo do seu twitter. Ou seja: http://twitter.com/#!/forumotion

Quando modificar o código para o endereço do seu twitter salve o widget e adicione na estrutura.



Qual será o resultado?
Você poderá conferir o resultado neste fórum: http://forumactif.forumeiros.com/ - Com um passarinho flutuando em todo o fórum.


Posso adicionar o passarinho em outro local?
Painel de controle ->> Visualização ->> Home page ->> Geral ->> Conteúdo da mensagem ->>
Se desejar, poderá adicionar o mesmo widget que criamos até no portal, para que seja mostrado quando os visitantes chegarem ao fórum

Ajudei ?
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por wendel_InSiide em Qua 27 Mar 2013 - 14:38

é a mesma coisa que ta no link do BrunoH.
avatar

wendel_InSiide
Nível 6

Masculino
Inscrito dia : 29/12/2012
Mensagens : 61
Pontos Ativos : 118

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

Resolvido Re: Como coloca esse passarinho no forum?

Mensagem por Sennior em Qua 27 Mar 2013 - 20:27

Olá,

Aceda em:
Painel de controle ->> Módulos ->> Portal e Widges ->> Gestão dos widgets do fórum ->> Criar um widget personalizado


Configure como quiser, e coloque este código em "Fonte do widget":
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'ENDEREÇO_DO_TWITTER'; var twitterThisText =''; tripleflapInit();
</script>

Vermelho -> Endereço externo do seu twitter. Ou seja como exemplo: http://twitter.com/#!/forumotion

Para mais detalhes leia:
http://ajuda.forumeiros.com/t42534-

Atenciosamente!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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