icone CHAT

[Eduardo Honorato 0]

Galera beleza? preciso criar um icone de chat para suporte online como nesta primeira imagem, e ao clicar ficar igual a segunda, ela precisa ser fixa na tela, ou seja, quando rolar o scroll ela deve continuar sempre no rodapé, mas não faço ideia de como criar isso, alguém me ajuda?

 

1º imagem

 

 

 

2º imagem

 

 

[William Bruno 1501]

position: fixed no css

[Eduardo Honorato 0]

consegui fazer o botao, mas como faço pra quando clicar nele abrir uma div como se fosse a janela do chat, com aquele botao de minimizar

[guilomaker 31]

usa o toggle.

 

$(document).ready(function(){
    $("botao").click(function(){
        $("#div").toggle();
    });
});

ali quando você clicar no "botao" ele vai acionar a #div e o toggle já faz a função de abrir e fechar ao clicar novamente.

[Eduardo Honorato 0]

Consegui aqui, mas a div começa aparecendo, como faço pra ela começar oculta e ao clicar ela aparece com essa função toggle

[William Bruno 1501]

dê um display: none nela no teu css.

[Eduardo Honorato 0]

Agora sim, ficou da maneira que eu queria, valeu!!