Jump to content

Sapinn

Members
  • Content count

    78
  • Joined

  • Last visited

Community Reputation

0 Comum

About Sapinn

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Deu certo agora vlw meu patrão.
  2. Opa galera tudo firmesa? Então, tenho um codigo que faz uma barra aparecer toda vez que eu role a pagina até um certo ponto e tudo funciona normal. Eu gostaria de saber se tem como fazer uma transição nessa barra para ele ir aparecendo devagarzinho com a opacidade em 0 e vai subindo até chegar a 1 coisa de um 0.8s. Não sei como fazer ou se tem como fazer preciso de ajuda. Codigo js window.onscroll = function(){ var top = window.pageXOffset || document.documentElement.scrollTop var barra = document.querySelector(".barra"); if(top > 900){ barra.style.display = 'flex'; //aqui tentei adicionar uma class direto do css para fazer o efeito transition mas sem sucesso. barra.classList.add('transition'); }else{ barra.style.display = 'none'; } } Codigo css .barra{ width: 100%; height: 70px; background-color: #090b13; display: none; justify-content: space-between; position: fixed; opacity: 0; } .transition{ transition: 1s; opacity: 0.7; } codigo HTML <div class="barra" > <img src="assets/images/logo-nopad.svg" alt=""> <button class="botao-assinatura-header">Assine Agora</button> </div>
  3. Sapinn

    Balões com html e css

    Vlw meu parceiro agora deu certo
  4. Sapinn

    Balões com html e css

    Tenho um código de um balão de borda feito com html e css mas gostaria de saber como fazer para colocar a seta que está virada para baixo em cima do balão <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { padding: 140px 10px; text-align: center; } /* Criando o balão */ .bubble { background-color: #fff; border: 2px solid #333; border-radius: 5px; color: #333; display: inline-block; font: 16px/24px sans-serif; padding: 12px 24px; position: absolute; } /* Criando o triângulo */ .bubble.active:after, .bubble.active:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ''; left: 80%; margin-left: -15px; position: absolute; } /* Criando a borda do triângulo */ .bubble.active:before { border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid; border-top-color: inherit; bottom: -18px; margin-left: -18px; } </style> </head> <body> <span class="bubble active">Balão com borda</span> </body> </html>
  5. Sapinn

    Menu hamburguer a direta

    Tenha um menu hamburguer que abre a esquerda mas eu gostaria que ele abrisse a direita(O menu ficaria retrátil a direita ) para meu site se adequar a responsividade codigo do menu que fica a esquerda <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Menu vertical reponsivo com html e css</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css"> <style> *{ margin:0; padding:0; } .menuMobileVertical a{ text-decoration:none; color:white; display:block; padding:20px 5px; } .menuMobileVertical a:hover{ background:rgba(176,224,230); color:black; } body{ font-family:arial; } input[type="checkbox"]:checked ~ nav{ transform: translateX(350px); } .menuMobileVertical ul{ list-style:none; position:absolute; top:70px; width:100%; } .icone-menu{ font-size:40px; } input[type="checkbox"]{ display:none; } .menuMobileVertical{ background:rgba(16,16,16,.5); width: 350px; height: 100vh; left:-350px; position: absolute; transition:all 0.5s; } label{ padding:15px; position:absolute; z-index:1; } </style> </head> <body> <div class="menuMobile"> <input type="checkbox" id="check"> <label for="check"><i class="bi bi-list icone-menu"></i></label> <nav class="menuMobileVertical"> <ul> <li><a href="">HOME</a></li> <li><a href="">LOGIN</a></li> <li><a href="">ALUNO</a></li> <li><a href="">PROFESSOR</a></li> <li><a href="">CONTATO</a></li> </ul> </nav> </div> </body> </html>
  6. Sapinn

    Menu com navegação one page

    Poxa cara muito obrigado mesmo estava a dias tentando fazer isso mas sem sucesso, muito obrigado mesmo.
  7. Sapinn

    Menu com navegação one page

    Fala galera blz? Então preciso de ajuda numa coisa aqui que não sei de jeito nenhum como resolver. Eu encontrei na W3School um menu tab vertical perfeito para minha página que é one page. Segui o link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_vertical_tabs Mas estou me encontrando com um problema! Eu gostaria que esse menu permanece-se na mesma tag mesmo atualizando a página, por exemplo, se eu escolher a segunda opção do menu ela permanecerá ativada mesmo se eu atualizar a página. Na opção oferecida pela W3Shool, toda vez que a página é atualizada ele volta para a primeira tag que tem por padrão a primeira opção com um active. Não sei como resolver ou se tem uma solução para algo assim mas se alguém puder me ajudar eu agradeceria muito.
  8. Fala galera blz? Então preciso de ajuda numa coisa aqui que não sei de jeito nenhum como resolver. Eu encontrei na W3School um menu tab vertical perfeito para minha página que é one page. Segui o link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_vertical_tabs Mas estou me encontrando com um problema! Eu gostaria que esse menu permanece-se na mesma tag mesmo atualizando a página, por exemplo, se eu escolher a segunda opção do menu ela permanecerá ativada mesmo se eu atualizar a página. Na opção oferecida pela W3Shool, toda vez que a página é atualizada ele volta para a primeira tag que tem por padrão a primeira opção com um active. Não sei como resolver ou se tem uma solução para algo assim mas se alguém puder me ajudar eu agradeceria muito.
  9. Sapinn

    PDO como estender a conexao para outros arquivos

    Estou retornando agora mas o erro continua <?php class Conexao{ public $db_name = 'pessoa'; public $host = 'localhost'; public $user = 'root'; public $pass = ''; public function __construct() { try { $pdo = new PDO("mysql:db_name=".$this->db_name.";host=".$this->host,$this->user,$this->pass); return $pdo; } catch (PDOException $e) { echo "Erro no banco ".$e->getMessage(); exit(); } } }
  10. Iai galera beleza? Estou com um erro simples aqui como eu faço para estender minha conexão para outros arquivos ? Estou tentado fazer mas está dado um erro aqui arquivo connection.php <?php class Conexao{ public $db_name = 'pessoa'; public $host = 'localhost'; public $user = 'root'; public $pass = ''; public function __construct() { try { $pdo = new PDO("mysql:db_name=".$this->db_name.";host=".$this->host,$this->user,$this->pass); } catch (PDOException $e) { echo "Erro no banco ".$e->getMessage(); exit(); } } } arquivo Pessoa.php <?php include 'connection.php'; class Pessoa { private $pdo; public function __construct() { $this->pdo = new Conexao(); } public function buscarDados(){ $stmt = []; $sql = $this->pdo->query("SELECT * FROM pessoa order by id desc"); $stmt = $sql->fetchAll(PDO::FETCH_ASSOC); return $stmt; } } arquivo index.php <?php require_once 'models/Pessoa.php'; $p = new Pessoa(); ?> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Crud PDO </title> </head> <body> <section id="esquerda"> <form action=""> <h2>Cadastrar Pessoa</h2> <label for="nome">Nome: </label> <input type="text" name="nome" id="nome"> <label for="telefone">Telefone: </label> <input type="text" name="telefone" id="telefone"> <label for="email">Email:</label> <input type="text" name="email" id="email"> <input type="submit" value="Cadastrar"> </form> </section> <section id="direita"> <?php $p->buscarDados(); ?> <table> <tr id="titulo"> <td>Nome</td> <td>Telefone</td> <td colspan="2">Email</td> </tr> <tr> <td>Maria</td> <td>00000000</td> <td>maria@gmail.com</td> <td><a href="">Editar</a> <a href="">Excluir</a></td> </tr> </table> </section> </body> </html> Erro que é apresentado: Fatal error: Uncaught Error: Call to undefined method Conexao::query()
  11. Desinstalei e instalei de novo e funcionou, muito obrigado cara
  12. Poxa cara obrigado pela resposta mas não funcionou
  13. Resolvi atualizar meu xampp para a versão 7.4.14 e estou com um erro de Internal Server Error que fica em um projeto que estou usando htacess para fazer urls amigáveis o arquivo usados são: Arquivo externo: <IfModule mod_rewrite.c> RewriteEngine on RewriteRule ^$ public/ [L] RewriteRule (.*)public/$1 [L] </IfModule> Dentro da pasta public: <IfModule mod_rewrite.c> Options -Multiviews RewriteEngine On RewriteBase /unset_mvc/public RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.+)$ index.php?url=$1 [QSA,L] </IfModule> Dentro da pasta app: Options -Indexes Preciso de ajuda porquê não sei o que fazer, já tentei apagar algumas coisas no httpd.conf dentro do xampp mas não funcionou.
  14. Sapinn

    Ajuda com um ranking

    Acredito que o que deve ser feito é uma ligação entre o jogador e o time ou seja uma chave estrangeira ligando o jogador ao time que ele pertence, sendo assim, toda vez que o jogador marcar um gol automaticamente seu time recebera tbm
  15. Vlw cara. Agr sim vou só fazer uns ajustes no css mas já ta dando certo
×

Important Information

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