

joaomart
Members-
Content count
6 -
Joined
-
Last visited
Community Reputation
1 ComumAbout joaomart

-
joaomart started following Site Mobile, Cosulta em MySql com PHP and Ajuda modo gráfico Portugol Studio
-
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
-
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) } }
- 2 replies
-
- modo gráfico
- portugol
-
(and 2 more)
Tagged with:
-
Valeu, Eziquiel!
-
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 ;)
-
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.