Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.

Renan Leite BL

Membros Plenos
  • Total de itens

    36
  • Registro em

  • Última visita

  • Qualificações

    N/D
  1. @pvdll Tente assim <a href="https://api.whatsapp.com/send?phone=5521966663333">WhatsApp</a> Só que troca pro teu telefone É impossível dar erro mano, eu faço das 2 formas no meu portfólio. Presta atenção se tu ta colando da mesma forma... 55 é código do brasil 21 é o DDD 966663333 é o telefone em si
  2. @pvdll Boa noite irmão, 1) Simplesmente coloque o texto dentro do link do HTML. <a href="https://www.google.com.br/">Google</a> 2) Use a api do whatsapp https://faq.whatsapp.com/en/android/26000030/?lang=pt_br Resumindo, o link que você precisa é esse aqui: https://wa.me/<number> Você só vai colocar no lugar do <number>, seu número de telefone em formato internacional! Por exemplo: pro celular +55 21 96666-3333 vai ficar assim: 5521966663333 Dai é só adicionar no href do link e colocar Whatsapp de texto. <a href="https://wa.me/5521966663333">WhatsApp</a>
  3. @fredkissfree Então, não sou tão bom em grid, mas a lógica é a mesma, daria certo, mas tu teve que criar 2 estilos diferentes! Seria melhor tu só mudar o valor da grid quando entrar na media screen. Por exemplo: Vou fazer um quadrado de 50px x 50px na cor vermelha. <div class="box"></div> .box{ width: 50px; height: 50px; background-color: red; } - Agora quero mudar o tamanho dele, quero mudar a cor e quero adicionar uma borda! - Posso fazer isso direto na media screen, veja: @media only screen and (max-width: 760px){ .box{ width: 100px; height: 100px; background-color: blue; border: 5px solid red; } } - Agora quando a resolução for menor que 760px, vai ter esse estilo ai acima. Então tipo, quando tiver desktop #grid_qualquer { display: grid; grid-template-columns: 2fr 2fr 2fr; } Quando tiver mobile, posso simplesmente mudar diretamente na mediaqueries @media only screen and (max-width: 760px){ .#grid_qualquer { display: grid; grid-template-columns: 1fr 1fr 2fr; } } A ideia é essa ai, mas você tem que adaptar pro seu caso!
  4. @fredkissfree Brother, eu inspecionando teu site consegui debugar, não sei se é isso que você queria... mas faz isso aqui: Na div wrapper você vai colocar uma posição relative. .wrapper{ position: relative; } Na div main você vai colocar .main{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } e na div da imagem você vai colocar o seguinte: #background-image{ background-image: url(library/img/bg_contato.jpg); background-size: cover; width: 100%; height: 100%; }
  5. @fredkissfree A lógica é essa, mas acho que você ta fazendo o contrário que você quer. /* Isto eu colocaria no meu style.css? (que no caso se chama cesf.css) */ /*Esse caso, perceba que faz com que o #background_video da display block quando todos os dipositivos forem menor que 760px*/ @media only screen and (max-width: 760px) { #background_video { display: block; } #background_image { display: none; } } /*Agora sim, quando a tela for menor que 760px o #background_video terá display none e o #background_image terá display block*/ @media only screen and (max-width: 760px) { #background_video { display: none; } #background_image { display: block; } }
  6. Cara, o Bootstrap é ótimo, vai fazer praticamente o responsivo tudo sozinho, mas aprende a fazer o responsivo na unha se você realmente quer dominar o assunto, além de saber como funciona todos esses frameworks, tu vai saber desenvolver qualquer layout! O Bootstrap te limita em certos aspectos. Pra fazer na unha tu vai ter que estudar sobre: - Media screen CSS3 - Medidas relativas CSS3 (%, rem, em...) - Flexbox CSS3 - Grid layout CSS3
  7. valeu mano, eu achava que seria dessa forma também! mas pelo visto vou ter que colocar a arrow function em uma variável...
  8. function render() {} Galera como eu posso transformar a função acima em uma arrow function? Seria assim? render() => {}
  9. Fala galera, estou com um formulário e ao apertar o submit ele está sendo enviado, sendo que não gostaria que acontecesse isso, pois estou dando return false; quais possiveis soluções? Meu jquery e html respectivamente $('form#form1').submit(function(){ var nome = $('input[name=nome]').val(); var telefone = $('input[name=telefone').val(); var email = $('input[name=email]').val(); if(nome.split(' ').length >= 2){ console.log('temos pelo menos 1 espaço'); } return false; //Se chegoú até o final, é porque está tudo ok; }); <div class="bg"> <div class="form" id="form1"> <form> <input type="text" name="nome" placeholder="Nome completo"> <input type="text" name="telefone" placeholder="telefone"> <input type="text" name="email" placeholder="Email*"> <input type="submit" name="acao" value="cadastrar"> </form> </div> </div>
  10. Galera consegui alinhar, alguém sugere algo? Ficou assim: Essa barra laranja é só para ter noção onde tem que ficar o conteúdo... <body> <div id="navegacao"> <div id="area"> <div id="logo"> <img src="img/logo.png"> </div> <div id="pesquisa"> <input type="search" name="buscar" placeholder="Buscar no site..."> </div> </div> </div> </body> * { margin: 0; padding: 0; } #navegacao { width: 100%; height: 58px; background: blue; } #area { width: 80%; margin: 0 auto; position: relative; border: 3px solid orange; } #logo { display: inline-block; width: 20%; float: left; margin-left: -20px; } #pesquisa { position: absolute; width: 20%; border: 2px solid gray; float: left; margin-left: 40%; top: 16px; } #pesquisa input { width: 100%; }
  11. Fala galera, to quebrando a cabeça com isso tem dias, mas não consigo de maneira alguma kkkk alguem poderia me ajudar? Por algum motivo eu não estou conseguindo centralizar esse maldito input search, o meu resultado é sempre esse ou pior: O meu html está assim: E o meu css está assim:
  12. @DiF @iHollyZinhO Valeuuu, vocês são feras
  13. Fala galera do CdH, Eu estou montando um site/projeto mas ainda não sei deixa-lo responsivo, Alguem poderia me indicar algo para estudar? Dei uma pesquisada e uma ferramenta que mais indicam é o Bootstrap, os sistemas grandes também utilizam bootstrap ou fazem tudo manualmente? E assim... eu não sei por que ele usa apenas 12 colunas, eu to querendo fazer um menu horizontal que ocupe 100% do width e com um menuzinho na ponta esquerda... como por exemplo o site do YouTube. Isso teria mais de 12 colunas, entende? E tipo, quando eu clico no menu lateral do youtube, espreme a "main" da página (ela também se redimensiona...).

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×