Chat lateral no fórum

[estica]

---

Qual é minha questão:
Boas.

Eu queria meter o meu chat do forum em uma janela tipo a deste site onde diz PWdb.
http://www.tutorialdopw.com/forum

Ai eu queria colocar um chat da mesma forma.


E se me poderem dizer como eu faço para colocar os butões do youtube, facebook, etc junto do banner tambem ficaria grato.

Medidas que eu tomei para corrigir o problema:
Ja procutei nos tutoriais do forum

Imagens do meu problema:


Endereço do meu fórum:
http://tugavicio.foruns.com.pt/

Versão do meu fórum:
INVISION

[Dury]

Olá,

Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Criar um widget personalizado ->>
Cole o seguinte código:

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Até mais!


Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

[estica]

Muito obrigado. Som tenho uma duvida. Será que se pode editar o codigo para assim que os membros entram no forum ficarem logo online?

[Dury]

Olá,

Se for o chatbox do seu fórum não é possível, porque é necessário estar logado para visualizar e conversar no chatbox.

Até mais!

[ZombieW]

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

Nome do Widget: Redes sociais flutuantes
Utilizar um table type: Não
Título do widget: (em branco)
Fonte do widget - Cole o seguinte código:

Código:

<div id='pageshare'><div align="center" style=position:absolute;top:370px>
<a href="http://www.facebook.com/pages/Tutorial-do-PW/322469631115624" target=_blank><img src=http://i44.servimg.com/u/f44/15/04/49/64/facebo10.png height=41 width=41></a>
<a href="https://twitter.com/#!/TutorialDoPW" target=_blank><img src=http://i44.servimg.com/u/f44/15/04/49/64/twitte10.png height=41 width=41></a>
<a href="http://www.youtube.com/user/TutorialDoPW/feed" target=_blank><img src=http://i44.servimg.com/u/f44/15/04/49/64/youtub10.png height=41 width=41></a>
<a href="http://tutorialdopw.blogspot.com/" target=_blank><img src=http://i44.servimg.com/u/f44/15/04/49/64/blogge12.png height=41 width=41></a>
</div></div>

<!--Tutorial:
http://ajuda.forumeiros.com/t44900-
By: DropLeet-->

Não esqueça de mudar os links do Twitter, Facebook, YouTube e da Blogger, senão irão apontar para o meu.
Caso não deseje alguma rede social, apague a linha correta.

[estica]

Muito Obrigado