Jump to content

joaomart

Members
  • Content count

    6
  • Joined

  • Last visited

Community Reputation

1 Comum

About joaomart

  1. joaomart

    Cosulta em MySql com PHP

    Era realmente isso. Funcionou bem aqui, valeu!
  2. joaomart

    Cosulta em MySql com PHP

    Olá. Preciso fazer uma consulta MySql em PHP para listar uma espécie de ranking, porém quando uso o código para listar por ordem decrescente ele lista da seguinte maneira: 80 70 30 100 E preciso que ele liste assim: 100 80 70 30 O código PHP: <?php include("conexao.php"); $sql = mysqli_query($conexao, "SELECT * FROM ranking ORDER BY `pontuacao` DESC") or die( mysqli_error($conexao) ); while($aux = mysqli_fetch_assoc($sql)) { echo "<tr>"; echo "<td>".$aux["nome"]."</td>"; echo "<td>".$aux["data"]."</td>"; echo "<td>".$aux["pontuacao"]."%</td>"; } ?> Agradeço a quem ajudar
  3. Primeiramente, olá a todos. Estou tentando desenvolver um protótipo de jogo no Portugol Studio usando a biblioteca gráfica, porém encontrei certa dificuldade ao rodar o código. Quando inicio o modo gráfico a imagem que pedi que fosse desenhada não aparece e a janela desaparece rapidamente. Caso alguém se interesse em me ajudar, aqui segue o código: programa { inclua biblioteca Graficos --> g funcao inicio() { inicializar_janela() desenhar_elementos() } funcao inicializar_janela() { g.iniciar_modo_grafico(verdadeiro) g.definir_dimensoes_janela(860, 640) g.definir_titulo_janela("Teste") } funcao desenhar_elementos() { inteiro imagem_fundo imagem_fundo = g.carregar_imagem("fundo.jpg") g.desenhar_imagem(10, 10, imagem_fundo) } }
  4. joaomart

    Slideshow com Javascript

    Valeu, Eziquiel!
  5. joaomart

    Site Mobile

    Tente usar media queries, por exemplo: No HTML: <!DOCTYPE html> <html> <head> <title>Media Query</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="caixa">Alguma coisa</div> </body> </html> No CSS: .caixa{ background: blue; } @media screen and (max-width: 768px){ .caixa{ background: red; } } Assim, quando alguém acessar o site pelo celular, a div terá como cor de fundo vermelho e não azul. Usando esses princípios você pode otimizar o site para dispositivos móveis com um CSS específico para tal. Espero que tenha ajudado ;)
  6. joaomart

    Slideshow com Javascript

    Olá pessoal! Estou começando a programar em Javascript e recentemente tive dificuldades em criar um slideshow. Andei pesquisando em alguns sites até que achei um no W3Schools, fiz umas adaptações e consegui isto: HTML <div class="slideshow-container"> <div class="slide fade" style="background: url('imagem.png');"> <h2><a href="#">Título</a></h2> </div> <div class="slide fade" style="background: url('imagem2.png');"> <h2><a href="#">Título 2</a></h2> </div> <div class="slide fade" style="background: url('imagem3.png');"> <h2><a href="#">Título 3</a></h2> </div> </div> <a class="prev" onclick="plusSlides(-1)"><span class="fa fa-chevron-left"></span></a> <a class="next" onclick="plusSlides(1)"><span class="fa fa-chevron-right"></span></a> CSS .slide{ display: none; height: 200px; } .slide h2{ font-size: 35px; } .slideshow-container{ max-width: 300px; height: 200px; background: #000; } .slideshow-container img{ border-radius: 0; } .slideshow-container:hover .prev, .slideshow-container:hover .next{ opacity: 1; } .prev, .next{ opacity: 0; cursor: pointer; position: absolute; top: 50%; width: auto; padding: 20px; margin-top: -50px; color: #eee; font-weight: bold; transition: 0.4s ease; font-size: 40px; } .prev, .next:hover{ color: #ccc; } .next{ right: 0; } .prev:hover, .next:hover{ border: none;} .fade{ -webkit-animation-name: fade; -webkit-animation-duration: 2s; animation-name: fade; animation-duration: 2s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } JavaScript var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("slide"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex> slides.length) {slideIndex = 1} slides[slideIndex-1].style.display = "block"; setTimeout(showSlides, 5000); } function plusSlides(n) { tSlides(slideIndex += n); } function currentSlide(n) { tSlides(slideIndex = n); } function tSlides(n) { var i; var slides = document.getElementsByClassName("slide"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex-1].style.display = "block"; } Então, como faço para ele parar quando eu posicionar o mouse sobre o slideshow? Agradeço para quem puder ajudar.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.