Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vazzoler

Tela de tutorial

Recommended Posts

Boa tarde, galera! Gostaria de saber se alguém pode me dar uma força ou enviar algum link de algum sobre como criar aquelas telas tutoriais, quando se entra pela primeira vez em sistema web por exemplo e a tela escurece toda e fica visível apenas o local que é para clicar para se iniciar o uso, desenvolvida em vários passos? 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Sapinn
      Fala galera existe algum meio que eu possa usar para saber automaticamente o tamanho da tela usando apenas javascript????
       
      Eu sei como saber o tamanho da tela usando:
       
      if (window.matchMedia("(max-width:800px)").matches) {         console.log('Menos que 800')       } else {         console.log('Mais que 800')       }  Ainda assim, preciso atualizar a pagina para conseguir obter o resultado, existe alguma maneira de fazer isso sem atualizar a página.
           
    • Por KoNs
      Oi gente, pra quem curte efeitos de pintura digital com o Photoshop, esse de giz de cera é muito legal e fácil de fazer:
       
      Tem o efeito de giz, e também um efeito de linhas de esboço (rascunho) em volta do desenho, pra simular as pinturas digitais que começam dessa parte.
       
       
    • Por joelzsbit
      Pessoal, como que faço para gravar a ordem das imagens que foi ordenada com o mouse, usando esse codigo:
      <!DOCTYPE HTML> <html> <head> <style> #div1, #div2, #div3 { float: left; width: 100px; height: 35px; margin: 10px; padding: 10px; border: 1px solid black; } </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script> </head> <body> <h2>Drag and Drop</h2> <p>Drag the image back and forth between the two div elements.</p> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> <img src="/imagens/img_cod/924081810.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"> </div> <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"> <img src="/imagens/img_cod/924081810.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"> </div> <div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></div> </body> </html>  
    • Por Elisame Araújo
      Bom dia,
       
      Estou projetando um site aqui e o template que eu estou utilizando atualmente possui uma configuração no seu CSS para se adaptar as mídias como Celulares e Tablets. Porém eu não tenho muita prática com "media", e não sei como fazer isso.

      O que eu quero neste momento é fazer com que uma imagem - uma logo da empresa no caso - se adapte as variações de tamanho de tela porque o código originalmente usa apenas um texto aonde fica a logo, e por isso ele se adapta facilmente, mas eu não consigo isso para a o texto.
       
      Num exemplo prático:
      Mobile

       
      Tela

       
      O código css é muito grande para postar aqui, e não encontrei uma forma de importar ele em anexo no tópico, mas caso seja necessário eu posto ele aqui
       
    • Por amezzacapa
      Bom dia, quando eu adiciono algum produto no Carrinho e clico para visualizar o carrinho de compras, a página não cabe na tela. Não sei mais o que fazer, já desinstalei os plugins adicionais para ver se era conflito mas não adiantou. Alguém para me dar uma luz?
      Valeu!!!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.