

Sapinn
Members-
Content count
78 -
Joined
-
Last visited
Community Reputation
0 ComumAbout Sapinn

Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
Existe alguma maneira de fazer um transition em javascript??
Sapinn replied to Sapinn's topic in Javascript
Deu certo agora vlw meu patrão.- 2 replies
-
- javascript
- transition
-
(and 2 more)
Tagged with:
-
Sapinn started following Ajuda com um ranking, Existe alguma maneira de fazer um transition em javascript??, Balões com html e css and and 5 others
-
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>
- 2 replies
-
- javascript
- transition
-
(and 2 more)
Tagged with:
-
Vlw meu parceiro agora deu certo
-
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>
-
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>
-
Poxa cara muito obrigado mesmo estava a dias tentando fazer isso mas sem sucesso, muito obrigado mesmo.
-
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.
-
Menu one page como manter na mesma tag mesmo atualizando a página
Sapinn posted a topic in Javascript
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. -
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(); } } }
-
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()
-
[Resolvido] Internal Server Error - Erro ao atualizar xampp no htacess
Sapinn replied to Sapinn's topic in PHP
Desinstalei e instalei de novo e funcionou, muito obrigado cara -
[Resolvido] Internal Server Error - Erro ao atualizar xampp no htacess
Sapinn replied to Sapinn's topic in PHP
Poxa cara obrigado pela resposta mas não funcionou -
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.
-
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
-
Como fazer para o menu ficar fixo quando rolar para baixo
Sapinn replied to Sapinn's topic in Javascript
Vlw cara. Agr sim vou só fazer uns ajustes no css mas já ta dando certo- 2 replies
-
- javascript
- scroll
-
(and 1 more)
Tagged with: