Jump to content

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 1984 results

  1. programananet

    Vender códigos fontes de sites

    Quero vender códigos fontes de sites para empresas ou outras pessoas com um site fazendo a mediação ! Existe um site onde podemos vender código fonte , se sim qual e como vendemos ?
  2. AlexandrePrezzi

    Menu com níveis

    Pessoal, estou com um problema em um menu (nav) que possui 2 níveis Peguei esse código "pronto" porém está com algo que não consigo entender O link do segundo nível quando clica não redireciona para a página desejada , porém se eu clicar e pedir para abrir em nova guia dai ele funciona.. Vou colocar o código aqui (tentei deixar o mais simples possível, com apenas os itens a serem testados) Fico no aguardo <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> $(document).ready(function () { $('.navbar .dropdown-item').on('click', function (e) { var $el = $(this).children('.dropdown-toggle'); var $parent = $el.offsetParent(".dropdown-menu"); $(this).parent("li").toggleClass('open'); if (!$parent.parent().hasClass('navbar-nav')) { if ($parent.hasClass('show')) { $parent.removeClass('show'); $el.next().removeClass('show'); $el.next().css({"top": -999, "left": -999}); } else { $parent.parent().find('.show').removeClass('show'); $parent.addClass('show'); $el.next().addClass('show'); $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4}); } e.preventDefault(); e.stopPropagation(); } }); $('.navbar .dropdown').on('hidden.bs.dropdown', function () { $(this).find('li.dropdown').removeClass('show open'); $(this).find('ul.dropdown-menu').removeClass('show open'); }); }); </script> <style> .navbar .dropdown-toggle, .navbar .dropdown-menu a { cursor: pointer; } .navbar .dropdown-item.active, .navbar .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; } .navbar .dropdown-item:focus, .navbar .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } @media (min-width: 767px) { .navbar .dropdown-toggle:not(.nav-link)::after { display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid; } } </style> </head> <body> <div class="navbar navbar-expand-md navbar-dark bg-dark mb-4" role="navigation"> <a class="navbar-brand" href="#">#####</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Testar</a> <ul class="dropdown-menu" aria-labelledby="dropdown1"> <li class="dropdown-item" ><a href="http://www.google.com">Google</a></li> <li class="dropdown-item dropdown"> <a class="dropdown-toggle" id="dropdown1-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Submenu</a> <ul class="dropdown-menu" aria-labelledby="dropdown1-1"> <li class="dropdown-item"><a href="http://www.google.com">Google</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </body> </html>
  3. João Carlos de Jesus

    Qual é o erro?

    <html> <head> <link rel="stylesheet" href="https://gitlab.com/joaocarlosdejesus19/teste/-/raw/master/teste.css"/> </head> <body> <div> <h2> Olá </h2> </div> </body> </html> Minha Dúvida é, porque o link estilo externo que chamei não funcionou? Como Eu poderia resolver isso.
  4. AlexandrePrezzi

    Auxilio Menu Drop

    Preciso de uma ajuda.... Tenho um código que gera um botao dropdown e dentro dele gera um segundo nivel.... <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } </style> </head> <body> <div class="container"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutorials <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">HTML</a></li> <li><a tabindex="-1" href="#">CSS</a></li> <li class="dropdown-submenu"> <a class="test" tabindex="-1" href="#">Segundo <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">2nd level dropdown</a></li> <li><a tabindex="-1" href="#">2nd level dropdown</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="test" tabindex="-1" href="#">Primeiro <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">3nd level dropdown</a></li> <li><a tabindex="-1" href="#">4nd level dropdown</a></li> </ul> </li> </ul> </div> </div> <script> $(document).ready(function(){ $('.dropdown-submenu a.test').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> </body> </html> o que acontece Se eu clico em "Primeiro" abre um menu de subitens ao lado .... quando eu clico de novo ele fecha (ate ai ok) Mas supondo que eu clique em "Primeiro" (abre ao lado) ... mas sem clicar pra fechar eu clico em "Segundo" (abre o submenu ao lado mas sem fechar o primeiro). e isso acaba deixando empilhado.. Gostaria q quando tu clica em Segundo (caso o primeiro esteja expandido ele feche) e vice-versa. Na imagem coloquei o q esta acontecendo.....
  5. Estou com um problema com o Select2, ele tem um campo de busca mas não esta filtrando corretamente e não estou entendo o motivo, sem utilizar o AJAX colocando os options manualmente ele funciona corretamente, mas trazendo os dados via AJAX ele não funciona o campo de busca. Se aguem poder me dar uma luz agradeço a ajuda. Nessa imagem estou tentando filtrar apenas para os itens que tenha LUVA na descrição, mas não funciona, posso colocar qual quer coisa que ele não faz o filtro Abaixo segue meu codigo HTML <!DOCTYPE HTML PUBLIC> <HTML> <HEAD> <TITLE> Select2 </TITLE> <link href="select2/select2.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <script> $(document).ready(function(){ $("#selUser").select2({ language: "pt-br", ajax: { url: "get_dados.php", type: "GET", dataType: 'json', delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (response) { return { results: response }; }, cache: true }, width: "20%", closeOnSelect: true, }); }); </script> </head> <body> <select id='selUser' style='width: 200px;'> <option value='0'>- Search user -</option> </select> </body> </html> get_dados.php <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); $data = array(); while($row=oci_fetch_array($parse)){ $data[] = array("id"=>$row['PRODUTO'], "text"=>$row['PRODUTO']." - ".$row['DESCRICAO']); }; echo json_encode($data); ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>
  6. João Carlos de Jesus

    Formatar "opacity"

    Eu queria que opacity só funcionasse no id direcionado, menos na imagem <style> #test:not(.teste){ color:blue; -webkit-opacity:0.5; } </style> <div id="test"> <div> <h2>Olá</h2> </div> <img class="teste"src="https://www.prestus.com.br/wp-content/uploads/2018/07/script-de-atendimento-1-1024x683.jpg"style="width:100px;height:100px;"/> </div>
  7. I wanted to know if it is possible to change all the fonts of a site in html?
  8. 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>
  9. 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>
  10. 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.
  11. Bom Dia, Estou com uma dificuldade para conseguir colocar os options de um select dentro do mesmo utilizando Ajax, as informações estão vindo corretas mas na hora de enviar para o HTML que eu acho que estou fazendo alguma coisa errada, estou utilizando o select2 pois tenho necessidade de colocar imagens dentro dos <option> para cada item que trouxer, segue o código utilizado a baixo: index.php <html> <head> <title>TESTE</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <script language="JavaScript" src="javascript.js"></script> <!-- Arquivo JavaScript --> <link rel="stylesheet" href="estilo.css"/> <!-- Arquivo de Estilo CSS --> </head> <body> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <select id="testeSelect"> <span id="respSelect"></span> </select> </body> <script> carrega_produtos(); </script> </html> javascript.js function carrega_produtos(){ var verifica = 'get_produto'; $('.load').show(); jQuery.ajax({ type: 'POST', url: './get_dados.php', data: 'verifica='+ verifica, cache: false, success: function(response){ $("#respSelect").html(response); $('.load').hide(); } }); } $( document ).ready(function() { function formatProduto (option) { if (!option.id) { return option.text; } var ob = '<img src="../../img/oculos_teste.jpg" />' + option.text; return ob; }; $("#testeSelect").select2({ placeholder: "Selecione o Produto !", width: "20%", templateResult: formatProduto }); }); get_dados.php <?php include './conn_orcl.php'; $verifica = $_POST['verifica']; if($verifica == 'get_produto' ) { $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); while ($fetch=oci_fetch_array($parse)){ $cod = $fetch['PRODUTO']; $desc = $fetch['DESCRICAO']; $option = $option."<option>$cod - $desc</option>"; } echo $option; } ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?> As informações estão vindo corretas, mas não consigo aparecer no select Agradeço quem poder me dar uma luz, Obrigado.
  12. Olá, meus amigos, tudo bem? Eu me sinto confiante ao postar aqui, porque sempre me ajudam com soluções que realmente resolvem, e não gambiarras. Eu não sou programador nem Webdesigner, sou da área da comunicação, e uso HTML (e bem pouco de Javascript) nos meu blogs do Blogger. Mas eu pesquiso o máximo aí pela internet antes de recorrer aqui, pra não ficar lotando o fórum de perguntas leigas, só que nesse momento eu estou esgotado e nem se o Google para desktop tivesse um modo escuro meus olhos aguentariam, tamanho cansaço, KKK. O caso é: eu preciso exibir a data em que uma postagem foi publicada. Para tal, pesquisei e encontrei uma forma através de javascript. Trata-se da função .getDay, .getMonth e .getFullYear. O resultado para o ano deu certo, mas o mês e o ano estão retornando números totalmente errados. Na postagem-teste de hoje, 19 de março, aparece lá que a data foi 05 de fevereiro... Vejam o código abaixo: <div class='post-date'> <span class='year'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getFullYear() ); </script> </span> <span class='day'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getDay() ); </script> </span> <span class='month'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getMonth() ); </script> </span> </div> Quando salvo e vou visualizar, aparece, como dito, a data 05 de fevereiro. Então dei um belo "inspecionar elemento" para ver o que os scripts estavam retornando. Vejam: <div class="post-meta"> <div class="post-date"> <span class="year"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getFullYear() ); </script> 2021 </span> <span class="day"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getDay() ); </script> 5 </span> <span class="month"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getMonth() ); </script> 2 </span> </div> </div> Deixei um print em anexo para terem um exemplo visual. Alguém consegue entender? At.te.
  13. Ola pessoa estou fazendo uma página toda em html nela não vai nada php porem preciso pegar as informações do banco de dados que esta na em uma TABELA configuracao trazer para uma página que esta em html Ex: modelos.html O exemplo que preciso fazer seria da seguinte forma <title>{Titulo_Site}</title> <meta name="description" content="{Descricao_Seo}"/> <meta name="keywords" content="{Palavra_Chave_Seo}"/> <link rel="canonical" href="{Url_Site}" /> Ou algo parecido com o que esta ai
  14. Boa Tarde, Sou novo no mundo da programação e estou programando em web e gostaria de colocar um SELECT que no OPTION tenha imagem e um campo para busca caso necessário, eu consegui fazer com a biblioteca do DDSLICK mas não consegui colocar um campo de busca, alguém sabe se é possível colocar esse campo utilizando o DDSLICK ? esse SELECT a cima eu fiz utilizando o ddslick era mais ou menos assim que eu gostaria, mas não tem um campo de busca esse a cima tem o campo de busca mas não consigo inserir as imagens nesse de cima utilizei o SELECT2 precisaria da junção dos dois, se alguém souber como me ajudar eu agradeço.
  15. riantrovao

    ALTERAR IMAGEM AO CLICAR NELA

    Estou começando a aprender html/css/javascript, e estou com um projeto de um site, vou tentar explicar oq eu quero. Eu tenho 3 imagens de espelhos quebrados e quero que ao clicar em cada imagem apareça a foto dentro do espelho, porém n estou conseguindo e quando eu clico na imagem ela troca apenas de um espelho... <!DOCTYPE html> <html lang="pt-br"> <head> <title>TE AMO</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <script type="text/javascript"> function changeImage(a) { document.getElementById("quadro1").src=a; } </script> </div> <div class="momentos-menu"> <img src="imagens/momentos.png" class="momentos"> <div id="quadro"> <div class="row"> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-1.png");'> </div> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-2.png");'> </div> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-3.png");'> </div></div> </div> </div> </body> </html>
  16. 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.
  17. Ola pessoal boa noite me veio uma duvida sobre Informações em JSON bom tenho um dominio principal que contem todas as informações deste dominio quero uma forma que outras site receba as notificações de novos post etc... Ex: meudominiomaster.com dominiocliente.com meu html e o json esta assim <?php //ESTE FICARAR NO PAINEL DO CLIENTE $json = file_get_contents("https://meusitemaster.com/sites-novos.php"); $json_output = json_decode($json, true); foreach($json_output as $InfoJson){ $UrlJson=''.ConfigPainel(url_base_json.'; } ?> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6" style="background-color:transparent; margin-bottom:25px;"> <div class="card"> <div class="card-header white"><strong> <?= $InfoJson['titulo']; ?> <span class="btn btn-primary float-right">Novo na Loja</span></strong></div> <div class="card-body p-0"> <img class="img-fluid" src="<?= $UrlJson; ?>assets/imagens/<?= $InfoJson['banner']; ?>" /> <ul class="list-group list-group-flush no-b"> <li class="list-group-item"> <i class="icon icon-calendar text-blue"></i>Data: <?= $InfoJson['data']; ?> </li> </ul> </div> <div class="card-footer white text-center"> <a class="btn btn-sm btn-primary tooltips" target="_blank" href="_blank" data-tooltip="Comprar <?= $InfoJson['titulo']; ?>"><i class="icon-shopping_cart"></i></a> </div> </div> </div> <?php }} ?> Minha duvida é teria outra forma de fazer isso em json?? ou seja mais profissional?
  18. marceloDiegues

    Custo e Tecnologia.

    Olá, amigos. Por favor, me ajude com a seguintes perguntas. Qual a complexidade de um projeto desse? Qual o preçp de um projeto desse tipo? Quero contratar algum profissional para criar um site que tenha as seguintes funcionabilidades: 1- Cadastro de usuário; 2- Login e senha; 3- O site seria muito parecido com o www.qconcursos.com, o usuário resolveria questões online. Contudo, haveria a possibilidade de criar salas tipo aqueles bate-papo da &nbsp;UOL. Então, o usuário criaria salas de estudos, em que , resolveria questões e conseguiria se comunicar por chat com usuários que estejam na mesma sala. Exemplo em anexo:
  19. Galera, estou com um problema chato em um código HTML aqui. Toda vez que a página abre, o ADS só fica visível por poucos segundos, e logo desaparece. É um template free que eu peguei da internet. Podem me ajudar? Não consegui anexar o arquivo XML, então vou deixar o link aqui para vocês. https://testandoblog03a.blogspot.com
  20. tetsuo

    Como transpilar php em html?

    Boas devs? Escrevi um template usando php. Separei header, footer, pages, etc... Há alguma forma de eu fazer um "dist" desse template, para arquivos .html? Se puderem, gentileza me orientar sobre o que devo pesquisar pra compreender. Grato!
  21. silvagno

    Formatar texto Java Script

    Boa tarde, É possível formatar um texto nesse código? ou seja, pular linha, colocar em negrito, centralizar e etc. Estou usando uma função que ao digitar o código 10400 ele chama o texto e gostaria de formatar esse texto. <script> var dados = [{"codigo": "10400", "Nome": ["testando texto não formatado"]}, ]; </script> $('input[name="nome"]').change(function(){ var nome = $(this).val(); var text = $('textarea[name="nome pessoal"]').val(); $('textarea[name="nome pessoal"]').val(text.replaceAll('(testando texto não formatado)',nome)); });
  22. Sapinn

    Como mudar a cor do active

    Como mudar o cor da letra de um active em um menu no boostrtrap <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <a class="navbar-brand" href="#"> <img src="icone.png" height="60px" alt="Logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse d-lg-flex justify-content-end" id="navbarSupportedContent" style="font-size: 20px;"> <ul class="navbar-nav" > <li class="nav-item active" > <a class="nav-link" href="#">Inicio</a> </li> <li class="nav-item" > <a class="nav-link" href="#">Login</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Aluno</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Professor</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Fale Conosco</a> </li> </ul> </div> </div> </nav>
  23. AMANDIANDO

    Botão com texto

    Oi, pessoal! Estou começando a utilizar javascript e entendendo os códigos. Quero muito utilizar um tipo de botão que é mais ou menos assim como coloquei em anexo. A primeira imagem é o botão normal, quando colocamos o mouse em cima, sobe a barra escura e aparece a descrição do link. Eu tenho um vídeo de um em funcionamento, mas não consegui o código dele. Alguém poderia me ajudar?
  24. Estou querendo deixar um rodapé fixo no topo a medida que o mesmo alcança o topo da página, porém estou encontrando dificuldades ao utilizar position: sticky, segue o código completo, se eu colocar a configuração de sticky na classe .side-column funciona bem, porém quero apenas no footer, alguém saber como resolver? <!DOCTYPE html> <html> <head> <style> .wideBody .side-column { float: right; order: 2; width: 300px; } .wideBody .side-column footer { position: sticky; position: -webkit-sticky; top: 0; } .wideBody .main-column { align-self: flex-start; float: left; width: 500px; border: 2px solid #4CAF50; } .resultados { border: 2px solid #4CAF50; margin-bottom:25px; position:relative; } footer { border: 2px solid #4CAF50; } </style> </head> <body class="wideBody"> <main> <div> <div class="main-column"> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> coluna principal<br /> </div> <aside class="side-column"> coluna auxiliar <div class="resultados"> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> 1 -> 2<br /> </div> <footer> rodape fixo </footer> </aside> </div> </main> </body> </html>
  25. Oi pessoal, tudo bem... Estou precisando clicar em uma linha da tabela e abrir outra página com os valores dessa linha que cliquei, sou novato e só conheço um pouco de php e HTML Poderiam me ajudar por favor? <?php session_start(); include_once("conectbusca.php"); $pesquisaunid = $_POST['Unidade']; ?> <html> <head> <title>Ranking</title> <link rel="stylesheet" type="text/css" href="estiloranking.css"> </head> <body> <table class="tabela" style='width:1272px'> <!-- Criando tabela: --> <tr> <th style='width:370px'>nome</th> <th>CPF</th> <th>&nbspcolocação&nbsp</th> <th>&nbspPontos/km&nbsp</th> <th>&nbspTotal km&nbsp</th> <th>&nbspTotal Pontos&nbsp</th> <th>&nbspMotor Ocioso&nbsp</th> <th>&nbspExcesso Velocidade&nbsp</th> <th>&nbspFreada Brusca&nbsp</th> <th>&nbspCurva Brusca&nbsp</th> </tr> <?php //Trazendo os dados do banco $sql = "SELECT * FROM tb_motoristas WHERE Unidade = '$pesquisaunid' AND Perfil = '$pesquisa'"; $resultado = mysqli_query($strcon,$sql) or die("Erro ao retornar dados"); $row = mysqli_num_rows($resultado); /*echo "$row";*/ if ($row == 0) { header("Location: login2.php");} // Obtendo os dados por meio de um loop while while ($registro = mysqli_fetch_array($resultado)) { $nome = $registro['Nome']; $cpf = $registro['CPF']; $unidade = $registro['Unidade']; $clocal = $registro['Coloc_local']; $cgeral = $registro['Coloc_geral']; $tkm = $registro['Total_km']; $tpontos = $registro['Total_pontos']; $mocioso = $registro['Motor_ocioso']; $velocidade = $registro['Velocidade']; $freada = $registro['Freada']; $curva = $registro['Curva']; echo "<tr>"; echo "<td><a href='prontuario.php'>".$nome."</td>"; echo "<td>".$cpf."</td>"; echo "<td align='center'>".$clocal."</td>"; echo "<td align='center'>".$cgeral."</td>"; echo "<td align='center'>".$tkm."</td>"; echo "<td align='center'>".$tpontos."</td>"; echo "<td align='center'>".$mocioso."</td>"; echo "<td align='center'>".$velocidade."</td>"; echo "<td align='center'>".$freada."</td>"; echo "<td align='center'>".$curva."</td>"; echo "</tr>"; } mysqli_close($strcon); echo "</table>";?> </body> </html>
×

Important Information

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