Ir para conteúdo

AlanB.

Members
  • Total de itens

    9
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre AlanB.

  1. Boa tarde, tudo bem? Tenho uma section na minha página inicial e o código é esse: <section class="topo" id="bannerinicial" data-header="blue" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000" style="margin-top:50px;"> <div class="container containerinicial"> <div class="row"> <div class="text-left col-sm-12 col-md-7 top text-white topoinicial"> <h1 class="titulointroducaoazul display-4 text-white mb-3">SUA EMPRESA</h1> <p style="font-style: italic; font-weight:bold; color:white;" class="pintroducao text-white my-3">Teste</p> </div> </div> <div class="row"> <div class="col-12 text-center marcacao"> <div class="dica"> <span></span> </div> </div> </div> </div> </section> Na parte do <div class="dica"> eu tenho um webkit keyframe no css: .topo .dica{border:2px solid #fff;border-radius:15px;bottom:2rem;height:3rem;left:calc(50% - 0.875rem);position:absolute;width:1.75rem;z-index:2} .topo .dica span{-webkit-animation:2s ease 0s normal forwards infinite running dica;animation:2s ease 0s normal forwards infinite running dica;background-color:#fff;border-radius:50%;display:inline-block;height:0.25rem;left:calc(50% - 0.125rem);position:absolute;top:0.5rem;width:0.25rem} @-webkit-keyframes dica{30%,50%,70%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}40%,60%{-webkit-transform:translateY(0.25rem);transform:translateY(0.25rem)}}@keyframes dica{30%,50%,70%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}40%,60%{-webkit-transform:translateY(0.25rem);transform:translateY(0.25rem)}}@keyframes dica{30%,50%,70%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}40%,60%{-webkit-transform:translateY(0.25rem);transform:translateY(0.25rem)}} Esse css funciona no chorme, mas não funciona no Safari nem no desktop nem no mobile. Quando entro no site usando o Safari de 100 vezes que entro 1 vez funciona, o resto não funciona. Alguem pode me ajudar como corrijo isso?
  2. AlanB.

    Selecionar dados da tabela para exibir no popup

    Olá, boa tarde! Eu estou com um problema e não consigo resolver. Alguem pode me ajudar? Eu tenho uma seção de serviços no site (inseri a imagem como anexo para que voces possam visualizar) Basicamente são 5 colunas em que cada uma tem uma imagem, um titulo, um quadradinho que abre uma lista e quando clica em algum item da lista, abre um popup com as informações daquele item. Para tentar fazer isso com o php eu criei a tabela "servicos" com os campos: id titulo (pra inserir esses titulos abaixo da imagem) - adequação, estruturação, etc. lista - os titulos dos itens da lista popup - texto com os itens da lista Eu adicionei os itens das listas de cada coluna no phpmyadmin e consegui fazer a função de editar e excluir certinho. Mas depois disso, preciso exibir as informações na index.php Até agora tentei fazer somente a primeira coluna de "Adequação", vejam o código na index.php para exibir: <div class="col mb-4 p-3"> <div class="d-flex justify-content-center"> <img src="img/icones/adequacao.png" alt="Adequação"> </div> <p class="mt-3 titulobranco text-center">Adequação</p> <div class="servicos d-flex justify-content-center"> <ul class="nav"> <li class="nav-item dropdown"> <img class="quadrado nav-link" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" src="img/icones/quadrado.png" alt="Conscientização"> <div class="dropdown-menu dropdown-menu-personalizado" aria-labelledby="navbarDropdown"> <?php $titulo = "Adequação"; $sql = "SELECT * FROM servicos WHERE titulo = '$titulo'"; $sql = $pdo->query($sql); if($sql->rowCount()>0){ foreach($sql->fetchAll() as $servicos){ echo'<a class="dropdown-item textoservicos">'.$servicos['lista'].'<div style="float:right; color:#27B1F7;">&#43;</div></a>'; } } ?> </div> </li> </ul>' </div> </div> Eu não sei se esse código está certo, mas está funcionando. Ele está exibindo na primeira coluna "Adequação", os itens da lista desse respectivo titulo. Mas o popup não está funcionando, ao clicar em um item da lista deveria abrir o popup com o respectivo texto cadastrado naquele item, mas não está funcionando. Esse foi o código do popup que eu fiz: <? $titulo = "Adequação"; $sql = "SELECT * FROM servicos WHERE titulo = '$titulo' "; $sql = $pdo->query($sql); if($sql->rowCount()>0){ foreach($sql->fetchAll() as $servicos){ echo '<div id="modal-servicos" class="modal-container">'; echo '<div class="modaldentro">'; echo '<button class="fecharmodal">X</button>'; echo '<h3>'.$servicos['lista'].'</h3>'; echo '<p>'.$servicos['popup'].'</p>'; echo '</div>'; echo '</div>'; } } ?> Alguem pode me ajudar a corrigir o meu código e fazer funcionar? Obrigado
  3. Boa tarde galera, tudo bem? estou tentando aprender javascript, mas o que eu preciso fazer eu ainda não sei. Eu tenho o meu menu do site e logo abaixo tenho a section serviços e a section produtos. Eu queria que inicialmente o background do menu fosse azul, mas quando a pessoa desse um scroll e chegasse na section serviços, o background do menu alterasse a cor. Alguem pode me ajudar?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.