-
Posts
14.206 -
Cadastrado em
-
Última visita
Tópicos solucionados
-
O post de DiF em Efeito css de chuva de imagem foi marcado como solução
@brunovianarenega Olá.
Basicamente é um efeito simples de parallax. Se você entrar no site, e inspecionar o elemento, vai notar que essa imagem é uma junção de 4 imagens onde tem o fundo com efeito em blur, outra imagem contendo alguns quadrados, outra contendo mais uns quadrados e outra também. Dessa forma, é possível fazer o efeito de parallax.
Se ver no código css deles, vai notar que existe uma classe onde tem um efeito de transição
com essa regra:
.home-apps__item { transition: .75s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,1s cubic-bezier(0.19, 1, 0.22, 1); }
e efeito de transformação com essa regra:
element.style { transform: translateX(0px) translateY(-0.172174vh) translateZ(0px) rotate(0deg); }
Além disso, usaram o atributo z-index nas quatro imagens, para empilhar elas uma em cima da outra na seguinte ordem:
Bottom(a que tem os quadrados em blur), mid, top, feature(a imagem que fica por cima de todas).
Boa sorte.
-
O post de DiF em Como estilizar uma String retornada do PHP foi marcado como solução
@ItaloMFR Com essa imagem não dá para dizer muita coisa... Poste os códigos de cada parte... do header.html, e do footer.html.
O botão de código está entre o citar e o emoji. com o símbolo de <>
Como eu mencionei anteriormente. O PHP é fantastico... ele te permite colocar as coisas fora de ordem que funciona.. Por exemplo, coloque a função acima de tudo e depois só manipule os elementos html.
Uma dica, evite de construir o html no PHP. Apenas incorpore o php no html. Semanticamente, é melhor você separar as coisas no caso, crie um arquivo somente para as funções php.. e chame ela onde precisar.
Se quiser algo mais elaborado e divido, é interessante você estudar sobre model, view e controller.(MVC)
Enfim.. fico aguardo dos códigos
-
O post de DiF em Como estilizar uma String retornada do PHP foi marcado como solução
@ItaloMFR Com essa imagem não dá para dizer muita coisa... Poste os códigos de cada parte... do header.html, e do footer.html.
O botão de código está entre o citar e o emoji. com o símbolo de <>
Como eu mencionei anteriormente. O PHP é fantastico... ele te permite colocar as coisas fora de ordem que funciona.. Por exemplo, coloque a função acima de tudo e depois só manipule os elementos html.
Uma dica, evite de construir o html no PHP. Apenas incorpore o php no html. Semanticamente, é melhor você separar as coisas no caso, crie um arquivo somente para as funções php.. e chame ela onde precisar.
Se quiser algo mais elaborado e divido, é interessante você estudar sobre model, view e controller.(MVC)
Enfim.. fico aguardo dos códigos
-
O post de DiF em Como estilizar uma String retornada do PHP foi marcado como solução
@ItaloMFR Com essa imagem não dá para dizer muita coisa... Poste os códigos de cada parte... do header.html, e do footer.html.
O botão de código está entre o citar e o emoji. com o símbolo de <>
Como eu mencionei anteriormente. O PHP é fantastico... ele te permite colocar as coisas fora de ordem que funciona.. Por exemplo, coloque a função acima de tudo e depois só manipule os elementos html.
Uma dica, evite de construir o html no PHP. Apenas incorpore o php no html. Semanticamente, é melhor você separar as coisas no caso, crie um arquivo somente para as funções php.. e chame ela onde precisar.
Se quiser algo mais elaborado e divido, é interessante você estudar sobre model, view e controller.(MVC)
Enfim.. fico aguardo dos códigos
-
O post de DiF em Como criar uma tabuada usando for, option e select ? foi marcado como solução
@ElitePreta Olá, Não é exatamente com seu código, mas desenvolvi de um outro jeito.. usando o jQuery.
É bem mais simples de entender do que o código apresentado.
Estude ele e tente entender como funciona.
Basicamente, é um loop, de 1 a 11. Pois você quer calcular a partir do 1 e até o número 10.
A cada requisição, primeiramente o select é zerado com a função empty() e depois ele faz o cálculo baseado no valor que for digitado no campo input. Veja o código:
HTML:
<input type="text" placeholder="Insira o multiplicador" id="multiplicador"> <input type="button" value="Ver taboada" id="btn"/> <select id="taboada"></select>
Jquery:
$(document).ready(function(){ $("#btn").on("click", function(){ //zera primeiro ao clicar no botão $("#taboada").empty(); //pega o valor digitado no campo input let multiplicador = $("#multiplicador").val(); //Faz um loop de 1 a 10 for (i = 1; i < 11; i++){ //armazena em uma variavel o calculo da taboada let calculo = i * multiplicador; //insere resultado do calculo, onde o value é o próprio numero contado e o text é a taboada em si $('#taboada').append($('<option>',{ value: i, text : i + " x " + multiplicador + " = " + calculo })); } }); });
Veja na prática:
https://jsfiddle.net/dife/sgvejquf/
-
O post de DiF em Não consigo remover configurações personalizadas 3D NVIDIA foi marcado como solução
@Caroline Mota Archanjo É estranho isso acontecer. Eu uso direto essas opções como por exemplo defino a energia para o máximo, defino a otimização segmentada para ligado... dentre outras opções.
Veja quais opções você alterou e volta para o estado original. Se não der certo, use o programa DDu para desinstalar o driver. Reinicie o pc, e reinstale o GeForce experience junto com o driver.
Note que é melhor você baixar novamente, a versão do driver com o GeForce experience.. pois ele permite que você atualize o driver futuramente com mais facilidade.
No momento da instalação do driver, certifique-se de marcar a caixa de "instalação limpa" isso força com que TODOS as configurações personalizadas do jogo sejam removidas.
-
O post de DiF em jogos relacionados a enigmas foi marcado como solução
@Lukas Sperandio Não conheço esse jogo, mas tem uma franquia que eu gosto bastante e é completamente cheio de enigmas, que você precisa resolver para ir a diante.
É a franquia "The Room" na Steam.
São 4 jogos, The Room , The room 2, The Room 3 e The Room 4: Old Sins.
Basicamente você entra em uma maquete de uma casa e vai resolvendo mistérios. Se não usar nenhuma dica, pode ser um jogo excepcionalmente longo, com dicas, acaba sendo um jogo curto, beirando lá de 2 a 4 horas.
Outro jogo que tem bastante mistério e enigmas, é um point n'click chamado The Gabriel Knight: Sins of the fathers, a versão remasterizada é linda demais. E uma história muito boa e cativante.
-
O post de DiF em RTX 2060 ou RTX 3060 LHR? Mineração e jogo. foi marcado como solução
@StitchMir Pra jogos, a 3060 é um pouco superior. Mas é uma diferença pequena de aproximadamente uns 10 fps. Principalmente se jogado com ray tracing, é melhor.
Mas também depende muito do jogo.. na maioria deles, ela consegue entregar acima de 60fps ou próximo dele. Com DLSS então... fica bom..
Mas para minerar.. não vejo muito sentido... Quem visa minerar, pelo menos no mínimo precisa ser uma 3070 pra ter um bom ganho.. e mesmo assim acho bastante arriscado... Tenho um amigo que começou a minerar com a placa dele que é uma 2070 super, e ele teve que desistir.. pois um dos módulos de memória dele queimou.. e a placa de video iria para o mesmo caminho...
-
O post de DiF em Inserir página de barra de navegação em outras páginas foi marcado como solução
@Joel Martins Agora que eu vi, você tentou usar com um arquivo php.. eu nunca tinha tentado assim.. geralmente eu usava com arquivos.html.
Você tentar fazer dessa forma:
Cria o arquivo navegacao.php contendo apenas a estrutura do menu.
Aí no seu "index.php" você adiciona assim:
<body> <div id="menu"> <?php include 'navegacao.php'; ?> </div> <div id="conteudo"> resto do site.. </div> Dessa forma, sempre o php vai carregar a página de navegacao com os menus naquele elemento.., se você alterar algum link no menu, vai mudar pra todas as páginas.. porque você está adicionando um arquivo separado.
Enfim outra forma de fazer é parecida com esse video aqui:
-
O post de DiF em Ajustar input consoante o texto inserido foi marcado como solução
@Joel Martins Não sei se entendi... mas se você quer aumentar o width do elemento automaticamente, isso deve ser feito por javascript. Por exemplo fazer disparar um evento onde manipula o CSS com keyframe( se você quer ver um efeito de crescimento de acordo com o "texo" digitado.
Mas dá pra fazer isso apenas com jquery. fica meio feinho mas funciona algo assim:
<input type="text" placeholder="e-mail"/>
function aumentarWidth() { $(this).attr('size', $(this).val().length); } $('input[type="text"]').keyup(aumentarWidth).each(aumentarWidth);
Veja funcionando: https://jsfiddle.net/dife/a6bx301p/2/
Deve haver outras maneiras melhores de fazer.. mas essa quebra o galho.
-
O post de DiF em Ajustar input consoante o texto inserido foi marcado como solução
@Joel Martins Não sei se entendi... mas se você quer aumentar o width do elemento automaticamente, isso deve ser feito por javascript. Por exemplo fazer disparar um evento onde manipula o CSS com keyframe( se você quer ver um efeito de crescimento de acordo com o "texo" digitado.
Mas dá pra fazer isso apenas com jquery. fica meio feinho mas funciona algo assim:
<input type="text" placeholder="e-mail"/>
function aumentarWidth() { $(this).attr('size', $(this).val().length); } $('input[type="text"]').keyup(aumentarWidth).each(aumentarWidth);
Veja funcionando: https://jsfiddle.net/dife/a6bx301p/2/
Deve haver outras maneiras melhores de fazer.. mas essa quebra o galho.
-
O post de DiF em Ajustar input consoante o texto inserido foi marcado como solução
@Joel Martins Não sei se entendi... mas se você quer aumentar o width do elemento automaticamente, isso deve ser feito por javascript. Por exemplo fazer disparar um evento onde manipula o CSS com keyframe( se você quer ver um efeito de crescimento de acordo com o "texo" digitado.
Mas dá pra fazer isso apenas com jquery. fica meio feinho mas funciona algo assim:
<input type="text" placeholder="e-mail"/>
function aumentarWidth() { $(this).attr('size', $(this).val().length); } $('input[type="text"]').keyup(aumentarWidth).each(aumentarWidth);
Veja funcionando: https://jsfiddle.net/dife/a6bx301p/2/
Deve haver outras maneiras melhores de fazer.. mas essa quebra o galho.
-
O post de DiF em Alinhar elementos de acordo ás posições foi marcado como solução
@Joel Martins Ah .. agora entendi... acredito que o problema posicionamento no css.
Experimenta definir os elementos divs que são filho do primeiro div, como blocos.
Algo do tipo:
<div class="tudo"> <div class="bloco"></div> <div class="bloco"></div> <div class="bloco"></div> <div class="bloco"></div> </div>
.bloco{ display: block; margin-top: 1em; }
Basicamente, você faz com que cada elemento filho fique abaixo um do outro.
-
O post de DiF em quebrar colunas de tabelas html foi marcado como solução
@cerumaninho Olá.
Basicamente tudo que você precisa fazer é usar mediaqueries.
Algo do tipo:
@media all and (max-width:300px){ /* Colocar aqui dentro o código css da tabela*/ }
Aqui tem dois exemplos diferentes com o mesmo propósito. Estude o código deles para entender o que foi feito.
http://jsfiddle.net/dife/kjzdf54b/
http://jsfiddle.net/dife/nhbrgL73/
Em ambos, arraste a tela para o lado para ver o efeito.
-
O post de DiF em checkbox jquery propriedade .cheaked foi marcado como solução
@cerumaninho Olá,
Você precisa usar evento de change para testar se está "checkado" ou não.
$("#isAgeSelected").change(function() { if(this.checked) { alert('ola_1'); }else{ alert('ola_2'); } });
Lembre, se se for usar o jquery, não use a forma comum de javascript.
Ademais, você pode reduzir as linhas usando o if ternário também.
$("#isAgeSelected").change(function() { (this.checked) ? alert('ola_1') : alert('ola_2') ; });
Veja online: https://jsfiddle.net/dife/evyo78jq/3/
-
O post de DiF em select não pega as informações do MySQL foi marcado como solução
@João pedro chaves Não tenho certeza, mas pode ser que o nome da tabela com espaços não funciona.
Troque o nome da tabela "planilha de produtos" para planilhaDeProdutos ou planilha_de_produtos
-
O post de DiF em como verifico a quantidade de caracteres digitados no <textarea> ? foi marcado como solução
@Swalls
A ideia era essa mesmo. Começa com 999/999 quando começa a digitar, vai reduzindo... quando chegar a 1, trava para não permitir mais.. afinal o limite é 999.
Mas se você faz questão que chegue em "zero"... ficando por exemplo 0/999 e travar... basta trocar essa linha:
$("#contador").text(999-$(this).val().length+"/999");
por essa:
$("#contador").text(998-$(this).val().length+"/999");
Porém, ele vai sempre contar 1 a mais...mesmo chegando no zero.. só consegui fazer ele travar certo quando a contagem chegar a 1.
-
O post de DiF em Botão para Download De arquivo .Docx ou PDF foi marcado como solução
@João pedro chaves Você pode usar a biblioteca Fpdf para gerar um pdf.
para criar um link de download.. você forçar o php a fazer o download do arquivo ao invés de abrir no navegador
algo como:
$file = "filename.ext"; // Quick check to verify that the file exists if (!file_exists($file)) die("File not found"); // Force the download header("Content-Disposition: attachment; filename="" . basename($file) . """); header("Content-Length: " . filesize($file)); header("Content-Type: application/octet-stream;"); readfile($file);
Pesquisa no google para forçar a fazer download no php
-
O post de DiF em Botão para Download De arquivo .Docx ou PDF foi marcado como solução
@João pedro chaves Você pode usar a biblioteca Fpdf para gerar um pdf.
para criar um link de download.. você forçar o php a fazer o download do arquivo ao invés de abrir no navegador
algo como:
$file = "filename.ext"; // Quick check to verify that the file exists if (!file_exists($file)) die("File not found"); // Force the download header("Content-Disposition: attachment; filename="" . basename($file) . """); header("Content-Length: " . filesize($file)); header("Content-Type: application/octet-stream;"); readfile($file);
Pesquisa no google para forçar a fazer download no php
-
O post de DiF em Botão para Download De arquivo .Docx ou PDF foi marcado como solução
@João pedro chaves Você pode usar a biblioteca Fpdf para gerar um pdf.
para criar um link de download.. você forçar o php a fazer o download do arquivo ao invés de abrir no navegador
algo como:
$file = "filename.ext"; // Quick check to verify that the file exists if (!file_exists($file)) die("File not found"); // Force the download header("Content-Disposition: attachment; filename="" . basename($file) . """); header("Content-Length: " . filesize($file)); header("Content-Type: application/octet-stream;"); readfile($file);
Pesquisa no google para forçar a fazer download no php
-
O post de DiF em Qual a logica para usar um spinner? foi marcado como solução
@thefill
O ajax é uma técnica usada em javascript, que permite fazer requisições ao servidor de modo assíncrono.
Tem dois meios de fazer eles. Com javascript puro e com jQuery.
Eu recomendo usar o ajax com jQuery que é mais fácil e existe uma função especifica para isso.
Por exemplo $.ajax() dentro dessa função ele vai receber diversos parâmetros de requisição como url, data(os dados requeridos), dentre eles, você pode adicionar outras duas funções que são:
beforeSend: function() { $('.ajax-loading').addClass('active'); },
e
.complete(function() { $('.ajax-loading').removeClass('active'); }); Sendo que esse último fica fora da primeira função $.ajax().. algo como:
$.ajax({ url: 'arquivoemphp.php', data: {variaveis que serão passadas}, dataType: 'HTML', method: 'POST', beforeSend: function() { $('.ajax-loading').addClass('active'); } }).complete(function() { $('.ajax-loading').removeClass('active'); }).done(function(e){ aqui você vai adicionar os dados que serão mostrados em tela });
Basicamente o beforeSend, fica mostrando o loading, enquanto carrega, assim que termina com o complete, ele remove o loading e mostra os dados na tela com o .done()
https://api.jquery.com/jquery.ajax/
-
O post de DiF em Uma GTX 1080Ti usada por 2 anos por R$4.000 vale a pena? foi marcado como solução
@jowlsay Nem a pau. uma RTX 2060 super tem um desempenho similar a GTX 1080 ti. só perde com 6fps. em alguns jogos no ultra. outros pode ter até uma diferença maior... mas mesmo assim, compensa muito mais pagar R$ 2800 numa RTX 2060 super nova. ainda mais você nem sabe da procedência.. se o cara minerou bitcoin com essa placa...
nunca recomendo placa de video usada.
-
O post de DiF em Escrever códigos html dentro do css foi marcado como solução
@cerumaninho Nope. Não tem como colocar elementos html ali. o content é para "conteúdos" em texto ou em códigos de imagem quando se usa um icon-font.
Se o objetivo é usar icon-fonts, como mostrou no segundo exemplo, você deve importar as fontes, e usar o próprio código que elas oferecem.
https://tableless.com.br/utilizando-icones-formato-font/
-
O post de DiF em Como fazer o cadastro de uma chave estrangeira que está em outra tela no php? foi marcado como solução
@Matheus Henrique Maas Você precisa trabalhar com session. Quando o usuário logar, grave o valor ID dele na sessão. Dessa forma você pode recuperar o id_usuario
Não sei como você faz a autenticação de usuário, mas é ali que você usa a session.
Por exemplo para atribuir um valor na sessão você faz dessa forma:
//colocar isso primeiro acima de tudo. session_start(); $consultaDados = mysqli_query($conexao, "SELECT id_usuario, email, senha FROM usuario WHERE email ='$email' AND senha='$senha'"); $usuario = mysqli_fetch_object($consultaDados); $_SESSION["id_usuario"] = $usuario->id_usuario;
Assim que colocar na sessão, você poderá resgatar em outra página php dessa forma:
session_start(); $id = $_SESSION["id_usuario"]; echo $id;
O que você precisa manter na session é o ID do usuário logado apenas. O ID do endereço, você pode incluir uma lista select com os endereços ou os próprios ID.. dessa forma, ao cadastrar a denúncia, você envia o ID do usuário na session, o ID do endereço selecionado e o status inicial.
-
O post de DiF em (SELECT) Desabilitar options ao selecionar um. foi marcado como solução
@Mizrain Phelipe Sá Você pode usar o jquery, pegar o valor do data-value e fazer uma condição com
$('#id').attr('disabled', 'disabled');
Exemplo:
$(document).ready(function){ $(".item").on("click", function(){ var dataValue = $(".item").attr("data-value"); var disable = $('#Antecendente').attr('disabled', 'disabled'); var enable = $('#Antecedente').removeAttr('disabled'); (dataValue == 0) ? disable : enable ; }); });
Ainda não é muito bem claro se essa opção você escolhe no select ou clica no campo que você marcou. Se for algo que escolha no select, basta usar o evento de change no lugar de click atribindo ao id do select.
Tem N maneiras de resolver isso.. esse é uma delas. Você pode criar uma função que desativa ao clicar.
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais