Widget lateral

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

Resolvido Widget lateral

Mensagem por zW-No.? em 26/02/12, 07:35 pm

Qual é minha questão:
Olá, sou eu de novo com mais um ploblema :\.
gostaria de saber se teria como adcionar esse chat box do lado assim a pessoa quando for entrar numa pagiuna nao precisa ficar abrindo janelas !

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
http://imageshack.us/f/713/comoeucolocoessechatbox.png/

Endereço do meu fórum:
www.skycheats.forumais.com

Versão do meu fórum:
INVISION
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Widget lateral

Mensagem por iPrompt em 27/02/12, 09:56 am

Painel de Controle Seta Módulos Seta ChatBox Seta Configuração

Configuração do Chatbox


Ativar o Chatbox : Sim

Depois Clica em Validar

Agora vai em

Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum

Gestão dos widgets do fórum

Vai em :

Criar um Widget Personalizado

Opções gerais do widget :

Nome do widget : ChatBox

Utilizar um table type : Sim

Título do widget : Não precisa por

Fonte do widget * : Ponha o Código que esta aqui em baixo

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>

Depois clica em Salvar

E vai em Widgets Pessoais

Procura por ChatBox

E Mova ele para Cima Aonde ficara o Widget ( Pode por qualquer Lugar não ira afetar em nada )

E Salva
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Widget lateral

Mensagem por bean em 27/02/12, 10:46 am

Este ChatBox como interpretado o modo como adicionalo é bem simples atraves da criação de um widget ok siga o tutorial pelo nosso sábio cooper e se tiver mais algum problema avisa ai ok flws ...
Tive uma idéia!
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Widget lateral

Mensagem por zW-No.? em 27/02/12, 12:25 pm

nao consegui tipo aparece mais quando eu clico ele demora uns 2 segundos entra numa pagina escrito Free e dps de 3 segundos volta pro forum
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Widget lateral

Mensagem por bean em 27/02/12, 12:28 pm

Como assim men? manda endereço do teu forúm quero ver isso ai, Deve ter ocorrido algum tipo de erro na hora do codigo ou algum codigo da sua folha CSS que está dando nisso ...
Pesquisando/Em dúvid
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Widget lateral

Mensagem por King Gz; em 27/02/12, 12:54 pm

Olá,

Leia o conteúdo do spoiler
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


- 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="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>

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.

- 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


Seta Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, deve ser inserido o código mostrado no passo 1.
Seta 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 Piscada

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

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Widget lateral

Mensagem por bean em 27/02/12, 12:59 pm

A dificuldade dele é que está atualizando a pagina e logo reduz dizendo FREE do nada ...
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

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