Ir ao conteúdo
  • Cadastre-se

WilliamNascimento

Membro Pleno
  • Posts

    133
  • Cadastrado em

  • Última visita

  1. Sim , com nodeJS voce pode utilizar javascript no lado do back-end . Mas não apenas isto pois com NodeJS voce pode utilizar JavaScript fora do navegador
  2. Eu tenho um menu hamburguer onde clico e alera o state , confirmei no log tudo ok . porém na hora de por a classe certa ele não altera , mas se eu alterar o estado do state ele some caso true e aparece caso false const {aberto ,setOpen,abrir} = useHamburguer() // destruturando o que quero do meu hook // esse e o container que aparece e some <div className = {aberto ? style.containerInfo : style.containerInfoOff}> <div className = {style.infos}> <BarraPesquisa/> <UserHeader value = {logado}/> </div> </div> hook personalizado import React from 'react' const useHamburguer = () => { let [aberto , setOpen] = React.useState(true); function abrir (){ setOpen(!aberto) console.log(aberto) } return{ aberto, setOpen, abrir, } } export default useHamburguer
  3. meu overflow-x nao funciona o items ficam diminuindo tamanho e se apertando para adequar o , mas caso eu coloque overflow y eles com directin column eles correm;. .tt{ height: 130px; background-color: black; width: 200px; margin-left:10px; } .teste{ display:flex; flex-direction: row; width: 300px; background-color: green; height: 300px; position: relative; overflow-x: scroll; } <section class = "postagems"> <section class = "teste"> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> <div class = 'tt'></div> </section> </section>
  4. Acho quer nao e possivel por background no head , creio eu . Porque um background no head ?
  5. Estou fazendo um clone do facebook para treinar , pelo que vi ele tem a main que sao as postagems e duas aside fixas nas laterais . Separei com o grid porém quando lanco a position fixed que ele sai do documento e fica sem tamanho , nao consigo ajustar do tamanho do grid . Tentei usar uma div dentro colocar width 100%; mas ela pega a tela toda . Se alguem puder dar um help section.main{ color:white; display:grid; grid-template-areas: "config posts friends"; grid-template-columns: 1fr 2fr 1fr; align-items: start; } aside.configs{ grid-area: "config"; background-color: red;; } main.mainPosts{ grid-area: "posts"; background-color: blue; } aside.amigos{ grid-area: "friends"; background-color: pink; }.vv{ height: 200px; } <section class = "main"> <aside class = "configs"> <div class = "listaConfigs"> configuração </div> </aside> <main class = "mainPosts"> <div class= "vv"> posts </div> </main> <aside class = "amigos"> <div class= "listaAmigos"> amigos </div> </aside> </section>
  6. Tenho uma imagem com 400 px de altura , do tamanho da minha div , se eu colocar ela como background usar e usar a propiedade cover e imagem fica com altura desproporcional mas ocupa 100% . A mesma coisa que eu usar o object fit cover com a imagem no html , teria alguma coisa de permanecer a altura da imagem e ela ocupar 100% da tela ? <!-- html 1 --> <section class = "abc"> <img src = "kk.png" class = "bnr"> </section> <!-- html 2 --> <section class = "abc"> </section> /* css 1 */ section.abc{ max-height: 400px; height: 420px; } img.bnr{ width: 100%; object-fit: cover; max-height: 420px; } /* css 2 */ section.abc{ max-height: 400px; background-image: url(kk.png); background-repeat: no-repeat; background-size: cover; height: 400px; } Usei as duas formas acima
  7. @Marcelo Calazans Sabe me explicar o porque ?
  8. Boa noite amigos , estou tentanto manipular as divs com os indices mas nao estou conseguindo vou explicar abaixo . Este codigo abaixo funciona : $(document).ready(function(){ var item = $(".progressBar"); item.animate({width : "30%"}) }) porém este nao $(document).ready(function(){ var item = $(".progressBar"); item[0].animate({width : "30%"}) }) Creio que seja porque retorna um objeto se nao me engano , mas entao como faco para manipular esse objeto ? Queria para cada item fazer uma animacao de width por exemplo var array = [10 , 20 , 30 , 40] $(document).ready(function(){ var item = $(".progressBar"); for ( var i = 0 ; var < item.length ; i++{ item[i].animate({width : array[i] + "%"}) } }) porém nao funciona
  9. Colocas um input para digitar 10 numeros e recuperalos utilizando .value Armazena tudo em um array
  10. Boa noite , montei uma logica aqui sem verificacao . <script> function programa() { var numeros = Array () var valor1 = parseFloat(document.getElementById("valor1").value); var valor2 = parseFloat(document.getElementById("valor2").value); var valor3 = parseFloat(document.getElementById("valor3").value); numeros.push(valor1) // adiciona o valor1 no array numeros.push(valor2) // adiciona o valor2 no array numeros.push(valor3) // adiciona o valor3 no array numeros.sort() // coloca o array em ordem soma = numeros[1] + numeros[2] // ja que o array esta em ordem os dois ultimos item dele sao respectivamente 1 e 2 //isso porque comeca no indice 0 alert(soma) // alert da somo dos dois ultimos elementos ( que seriam os maiores ) // como sao apenas 3 numeros montei dessa forma , agora voce monte a verificacao se eles sao iguais se nao conseguir votle aqui e diga em que tem duvida porque acho que n podemos fazer o codigo todo aqui } </script> <p><b>1º Valor:</b></p> <input id="valor1" type="text"/> </br> <p><b>2º Valor:</b></p> <input id="valor2" type="text"/> </br> <p><b>3º Valor:</b></p> <input id="valor3" type="text"/> <br><br> <button type="button" onclick="programa()"> Iniciar</button>
  11. AAA resolveu , eu havia posto na classe errada. E antes tinha tinha colocado normal que e o padrão . Valeu mano .
  12. Isso e erro na logica das operacoes , nao entendi muito bem o problema , o que seria mediaex ? if (mediaFinal >= 9) { document.getElementById("conceito").innerHTML = "Conceito A"; } else if (mediaFinal >= 7.5 && mediaFinal < 9) { O problema deve ser nesse contexto aqui porém como nao entendi a formula do calculo nao consigo arrumar . Caso voce entende arrume apenas as formulas ou explique para que eu possa entender
  13. meu texto fica vazando da minha div , eu queria que ele quebrasse , alguem pode ajudar ? <section class = "hobbies"><!-- inicio hobbie--> <h2 class = "tittlePets">Hobbies</h2> <nav class = "hobbie"> <ul> <li class = "primeiro"> <div class = "box-item"> <div class = "img-hobbie"> <span><i class="faz fa-futbol"></i></span> </div> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> </div> </li> <li> <div class = "box-item"> </div> </li> <li> <div class = "box-item"> </div> </li> </ul> </nav> </section><!-- fim hobbie--> .hobbies{ grid-area:hobbies; overflow: hidden; } .hobbie{ grid-area:hobbies; position: relative; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .hobbie ul { display: flex; } .hobbie li { margin-left: 5px; display: flex; } .box-item{ font-family: nome; font-size: 2.0em; margin:5px 0px 30px 0px; color:black; border-radius: 10px; height: 250px; width: 220px; background-color:#FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .img-hobbie{ margin-top: 10px; display: flex; color:black; font-size: 2.2em; justify-content: center; } .text-hobbie{ position: absolute; } html e css

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

×
×
  • Criar novo...