Ir ao conteúdo
  • Cadastre-se

Marcos Matos

Membro Júnior
  • Posts

    3
  • Cadastrado em

  • Última visita

Reputação

1
  1. Obs: Sou iniciante Alguem poderia me explicar o codigo desta animação linha por linha, de forma a me explicar cada acontecimento. Analisar LINHA POR LINHA <!doctype html> <html> <head> <title> CanvsCar </title> </head> <body> <canvas id="mycanvas" width="778" height="300" style="border: 2px solid #666" ></canvas> <script> var c= document.getElementById("mycanvas"); var ctx= c.getContext("2d"); role(0,250); function role(x,y){ ctx.lineWidth=1; ctx.save(); //ctx.beginPath(); if (x <= 800){ x++; } else{ x=0; } var gradient = ctx.createLinearGradient(40,200,340,100); ctx.strokeStyle = gradient; ctx.lineWidth = 520 ; ctx.beginPath(); ctx.moveTo(c.width,0); ctx.lineTo(0,0); ctx.stroke(); //text ctx.font = '80px arial '; ctx.fillStyle = 'green'; ctx.fillText('CanvsCar !', 280, 90); //carro var img = new Image(); var width = 240; var height = 240; img.src = 'https://image.freepik.com/icones-gratis/silhueta-de-carros-antigos-de-vista-lateral_318-43958.jpg'; ctx.drawImage(img,x-30,y-148,width,height); var loopTimer = setTimeout('role('+x+','+y+')',5); } </script> </body> </html>
  2. @JorgeGomes @Nihal @DiF Obrigado pelas dicas, eu pesquisei e consegui resolver o problema.. Valeu gente
  3. Obs: SOU INICIANTE Estou fazendo um exercício para o curso e estou tendo um problema.. O exercício consiste em replicar a pagina inicial do Facebook usando html e css. O problema é que o body esta gigante, a pagina fica no meio e o body extrapola, ficando aquele espaço vazio em volta da "pagina" de fato. Isto acontece no lado direito. Segue abaixo o codigo completo. ME AJUDEM <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div.container { width: 100%; border: 1px solid gray; } header, footer { margin-top:-10px; padding: 30px; color: white; background-color:#3B5C9A; clear: left; text-align: center; } nav { float: left; max-width: 100px; margin: 0; padding: 1em; } nav ul { list-style-type: none; padding: 0; } nav ul a { text-decoration: none; } article { margin-left: 170px; border-left: 1px solid gray; padding: 1px; overflow: hidden; } #nomeface{ margin-right:900px; margin-left:150px; padding-top:0px; margin-top:-10px; position:absolute; } #login{ margin-left:756px; font-size:13px; margin-top:-17px; position:absolute; } #senha{ margin-top:-35px; font-size:13px; margin-left:940px; position:absolute; } #entrar{ margin-right:-1040px; margin-top:-20px; } #esqueceusenha{ margin-left:940px; font-size:13px; margin-top:5px; position:absolute; } #footer{ margin-top:40%; } #formulario{ margin-left:750px; width:55.3%; height:81.5%; position:absolute; } #imagem{ margin-left:40px; width:55.3%; height:81.5%; position:absolute; } #imagemface{ margin-top:20px; width:80%; height:50%; margin-left:150px; } #frase{ margin-left:200px; margin-top:40px; font-family:Arial; font-size:20px; font-weight:700; } h1{ font-family:arial; font-stretch:700; } p{ font-family:arial; font-size:20px; } #form{ font-family:arial; } #campolongo{ width:39.3%; } body{ border: none; alignment-adjust: central; background-color:#E9ECF3; } </style> </head> <body> <div class="container"> <div id="form"> <header> <div id="nomeface"> <img src="logo.png"> </div> <form> <div id="login"> Email ou telefone<br> <input type="text" name="Email ou telefone"> </div> <br> <div id="senha"> Senha<br> <input type="text" name="Senha"> </div> <div id="entrar"> <input type="submit" value="Entrar"> </div> </form> <p id ="esqueceusenha">Esqueceu a conta?</p> </header> </div> <div class="row"> <div class="col-md-4" id="imagem"> <div id="frase"> O Facebook ajuda você a se conectar e<br> compartilhar com as pessoas que fazem parte<br> da sua vida.<br> </div> <div id="imagemface"> <img id="img"src="face.png"> </div> </div> <div id="formulario" class="col-md-4"> <h1>Abra uma conta</h1> <p>É gratuito e sempre será.</p> <input type="text" name="nome" placeholder="Nome"> <input type="text" name="sobrenome" placeholder="Sobrenome"> <br><br> <input id="campolongo" type="text" name="celularemail" placeholder="Celular ou email"> <br><br> <input id="campolongo" type="text" name="novocelularemail" placeholder="Insira novamente o número do celular ou o email"> <br><br> <input id="campolongo" type="text" name="novasenha" placeholder="Nova Senha"> </div> </div> <footer id="footer">Copyright © W3Schools.com</footer> </div> </body> </html>

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...