Passarinho flutuante do twitter no fórum

por Consolado 25.06.11 15:54

Qual é sua questão:
Olá e bom dia!
Eu praticamente disponibilizei o sistema de twitter no meu fórum, Ou seja, O pássaro do twitter sobrevoando no fórum, mais o problema é que ele não está funcionando corretamente.

Eu vi isso neste fórum: http://ajuda.foruns.com.pt/

Qual o real código? Creio que só tenho a metade.

Grato,
Shetos

Que medidas você tomou para corrigir o problema:

Apresente-nos imagens do problema (se necessário):

Endereço do fórum:
Não será necessário.

Versão do fórum:
PHPBB3

por Dury 25.06.11 15:55

Olá e bom dia Shetos!

Leia o Spoiler abaixo:

Spoiler:

Passarinho flutuante do twitter no fórum Gossip10

Twitter no seu fórum

Neste tutorial vamos aplicar um código Script que finalmente nos auxiliará na gestão das publicidades do fórum. Esse Scrpit estará mostrando um passarinho azul claro do Twitter flutuando sobre o seu fórum, e pode ser facilmente aplicado.

--> Tutoriais dicas, e astúcias <--
Passarinho do twitter no fórum

1º - 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 ->> ->>

(carregue na imagem para aumentar)

Passarinho flutuante do twitter no fórum Wf310

Passarinho flutuante do twitter no fórum 110111

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.

Passarinho flutuante do twitter no fórum 110210

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.

Passarinho flutuante do twitter no fórum 110310

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.

Passarinho flutuante do twitter no fórum 110410

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.

Passarinho flutuante do twitter no fórum 110510

Salvar - Por fim, após colocar o conteúdo, terá de "Salvar" o seu widget personalizado.

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

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

Passarinho flutuante do twitter no fórum Painel14

Qual será o resultado?

--> Tutoriais dicas, e astúcias <--
Passarinho do twitter no 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.

Passarinho flutuante do twitter no fórum Act_bottom

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Passarinho do twitter no fórum

Até mais!

por Consolado 25.06.11 16:06

Olá novamente,
Existe um efeito no pássaro, ele não está ativo neste código, Desejo o do FdB.

Até mais!

por Dury 25.06.11 16:11

Olá,

Só que Shetos, o que determina ás imagens do passarinho do Twitter deste código, é o arquivo ".js".

http://oloblogger.googlecode.com/files/tripleflap.js

Código:: <script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> <br /> <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 = 'https://twitter.com/#!/supportbloggers'; var twitterThisText =''; tripleflapInit(); </script>

Até mais!

por Consolado 25.06.11 16:16

Resolvido. Piscada

Passarinho flutuante do twitter no fórum

Passarinho flutuante do twitter no fórum

Re: Passarinho flutuante do twitter no fórum

Re: Passarinho flutuante do twitter no fórum

Re: Passarinho flutuante do twitter no fórum

Re: Passarinho flutuante do twitter no fórum