InícioChatbox na lateral do fórum
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Chatbox na lateral do fórum
por ManiacoMBG 31.01.12 20:08
Qual é minha questão:
HELP QUERO O CHATBOX ASSIM
https://i.imgur.com/CNPCh.png
Medidas que eu tomei para corrigir o problema:
https://i.imgur.com/CNPCh.png
Links e imagens do meu problema:
https://i.imgur.com/CNPCh.png
Endereço do meu fórum:
http://maniacosbr.com
Versão do meu fórum:
PUNBB
HELP QUERO O CHATBOX ASSIM
https://i.imgur.com/CNPCh.png
Medidas que eu tomei para corrigir o problema:
https://i.imgur.com/CNPCh.png
Links e imagens do meu problema:
https://i.imgur.com/CNPCh.png
Endereço do meu fórum:
http://maniacosbr.com
Versão do meu fórum:
PUNBB
ManiacoMBG- Novo Membro
- Membro desde : 27/01/2012
Mensagens : 19
Pontos : 37 -
Re: Chatbox na lateral do fórum
por ManiacoMBG 31.01.12 20:08
eu vi isso em http://dkcheats.forumeiros.com/forum#
ManiacoMBG- Novo Membro
- Membro desde : 27/01/2012
Mensagens : 19
Pontos : 37 -
Re: Chatbox na lateral do fórum
por King Gz; 31.01.12 20:17
Olá,
Aceda à Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Criar um widget personalizado ->> Adicione o código abaixo
Até mais
Aceda à Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->> Criar um widget personalizado ->> Adicione o código abaixo
- 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
Última edição por King Gz; em 31.01.12 20:18, editado 1 vez(es)
King Gz;- Super Membro
- Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487 -
Re: Chatbox na lateral do fórum
por Cream 31.01.12 20:18
Boa tarde,
Leia o seguinte tutorial:
Até mais!
Leia o seguinte tutorial:
- Spoiler:
Chat Box Retrátil - Lateral
Muitas vezes, desejamos poder fazer algo dinâmico, simples, elegante e prático. Neste tutorial, aplicaremos esses conceitos ao Chat Box que ficará em uma lateral do fórum, trazendo assim, maior comodidade no ato da navegação.
--> Tutoriais, dicas e astúcias <--
Chat Box Retrátil - Lateral
Nº1 - Conhecendo e modificando o 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="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>
Vermelho > O campo define se a imagem de abertura fica fixa na lateral do fórum ou se ela acompanha o chatbox em seu distender. Em 'right', a imagem acompanhará o chat e, em 'left', a imagem fica fixa na tela e o chat box se estende a sua esquerda.
Laranja > O campo define o tamanho em qual a largura do chat irá distender.
Azul > O valor deste campo define em quanto tempo o chat se abrirá por total. A cada 1000 = 1 segundo. Se o valor for 0, não há deslize e ele abre imediatamente.
Em Negrito: > Imagem que, quando acionada, irá fechar o chatbox.
Em Itálico > Imagem que, quando acionada, irá fechar o chatbox.
Nº2 - Aplicação do código:
Para utilizarmos o chat box retrátil, utilizaremos um widget personalizado. Para isso, aceda à:
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado
Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Fonte do widget: - Neste campo, deve ser inserido o código mostrado no passo 1.
Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
Feito isso, basta que o widget seja arrastado para uma coluna no módulo correspondente para que o chat seja aplicado.
- Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Chat Box Retrátil - Lateral
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Tópicos semelhantes» como faço pra botar CHATBOX na lateral do forum
» Chatbox Lateral
» Chatbox lateral sem widget
» Trocar o conteudo do chatbox lateral
» Como eu coloco o chatbox na lateral ?
» Chatbox Lateral
» Chatbox lateral sem widget
» Trocar o conteudo do chatbox lateral
» Como eu coloco o chatbox na lateral ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos