Jump to content

L. Henrique

Members
  • Content count

    747
  • Joined

  • Last visited

  • Days Won

    35

L. Henrique last won the day on December 29 2016

L. Henrique had the most liked content!

Community Reputation

179 Muito Bom

About L. Henrique

  • Rank
    Designer / Desenvolvedor Web
  • Birthday 01/18/1992

Informações Pessoais

  • Sexo
    Masculino

Contato

  • Skype
    lhenrique.desdev
  • Twitter
    @vulgohenrique
  • Github
  • Facebook
    http://www.facebook.com.br/LHEDigital
  • Site Pessoal
    http://www.lhenrique.com.br

Recent Profile Visitors

983 profile views
  1. L. Henrique

    Grid Responsivo CSS

    Jonatas, Não fique quebrando a cabeça com vídeo-aulas. Pegue um framework já existente e comece a debugar seu CSS no intuito de aprender como funciona. Fiz umas grids baseadas no Bootstrap com o uso de Stylus (pra enxugar bem o código), veja meu Gist: Bootstrap based grids in Stylus. Qualquer dúvida, fico a disposição. Abraços!
  2. L. Henrique

    Input select option lista com cidades do Brasil HTML

    Estude: http://www.w3schools.com/TagS/att_option_selected.asp
  3. L. Henrique

    Como imprimir página web com o <title> como nome

    Anderson, Eu coloquei pra imprimir aqui e o título da página veio normalmente. No caso, apareceu: Curso Online de Decoração com Balões ­ Cris Balões | Home Se na sua tag <title> está descrito dessa forma, então deve aparecer normalmente. Tente limpar o cache, trocar o navegador... Abraços!
  4. L. Henrique

    a href + PHP - transformar botões em lista select

    Leandro, Se você já ta usando PHP e tem uma quantidade de links muito grandes, então use For / Foreach. Exemplo: <?php /* Aqui vai seu array de botões */ $buttons = array( array( 'http://google.com.br', 'Google' ), array( 'http://bing.com.br', 'Bing' ), array( 'http://yahoo.com.br', 'Yahoo') ); foreach ( $buttons as $btn ) : ?> <a href="<?php echo $btn[0] ?>"> <?php echo $btn[1] ?> </a> <?php endforeach; ?> Se essas informações estiverem vindo de um webservice (for JSON ou algo assim), então você nem precisa se preocupar com o array de array, só com o foreach. Você pode adicionar o foreach dentro de um select e mandar ele printar os parâmetros no option. Ou se preferir, pode fazer em CSS um dropdown e printar da mesma forma nesse dropdown. Exemplo 2: <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Quem somos</a></li> <li><a href="#">Dropdown</a> <?php foreach ( $buttons as $btn ) : ?> <li><a href="<?php echo $btn[0]"> <?php echo $btn[1] ?> </a></li> <?php endforeach; ?> </li> </ul> Obs.: Quando for utilizar target="_blank", não se esqueça de usar rel="noreferrer noopener" - Segue o motivo: https://dev.to/ben/the-targetblank-vulnerability-by-example Abraços!
  5. L. Henrique

    Encaixar DIV

    3dmaniaco, Hoje você tem o Masonry (plugin JS) que faz o mesmo que pediu e também tem o panel stacks que vem junto do Bootstrap 4. Abraços!
  6. L. Henrique

    Background não se ajusta

    Victor, O degradê (gradient) vai sempre se limitar a altura e começar a se repetir durante a extensão da sua página. Para isso você precisa definir a altura da sua div (a wrapper que compõe seus inputs). Exemplo: .div { /* Aqui vai todo aquele seu código do gradient */ height: auto; } Quando você define height: auto, ele vai se ater a altura do conteúdo dos filhos. Você também pode definir em pixels, porcentagem ou viewport height. Exemplos: 100px; 100%; 100vh. Veja uma documentação da funcionalidade de VH (Viewport Height) e de VW (Viewport Width): http://desenvolvimentoparaweb.com/css/unidades-css-rem-vh-vw-vmin-vmax-ex-ch/ Abraços!
  7. L. Henrique

    Imagem de Fundo no Menu

    .menu { background-image: url('sua_imagem.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
  8. L. Henrique

    WEBSQL INSERÇÃO DE DADOS NA TABELA

    Darth, Favor redirecionar sua pergunta a seção de DB ou JS. Abraços!
  9. L. Henrique

    Salvar "inspecionar elemento" em outros sites

    Joao, Favor ler o tópico: https://productforums.google.com/forum/#!topic/chrome/UbmrXYETvU0 Existe também uma extensão do Chrome chamada "Style Bot", que de alguma maneira ele guarda os registro das alterações na sua máquina por um período x. Abraços!
  10. L. Henrique

    Problema com submenu lateral

    Utilize a propriedade CSS z-index. Ela quem vai definir a prioridade do elemento na página (trazer pra frente ou empurrar pra trás). Exemplo: .submenu { z-index: 9999; } O exemplo acima fará com que seu submenu fique acima de tudo que existir na página. Abraços!
  11. L. Henrique

    Problema com div

    Thiscosta, Seu link redireciona para a página de login do wix (Na verdade para o editor, o que não funcionaria). Poderia providenciar um printscreen ou algo parecido? Abraços!
  12. L. Henrique

    Tempo de para acessar o link novamente?

    Ronaldo, Você pode fazer vários onclicks se precisar, mas leve em consideração que, por motivos de performance, não deva criar várias funções iguais ou até mesmo ficar chamando elementos toda hora pelo ID. Quando você faz isso dessa forma: $('#btn').click(function()){} $('#btn2').click(function()){} $('#btn3').click(function()){} Toda vez o JS vai ter que percorrer o DOM, e isso impacta um pouco na performance. Essa não é a melhor maneira de fazer também, mas já resolve seu problema: https://jsfiddle.net/4h3pnL26/3/ O novo código JS e HTML ficaram respectivamente: <div class="wrapper"> <button class="btn">Clique aqui</button> <button class="btn">Clique aqui</button> <button class="btn">Clique aqui</button> <button class="btn">Clique aqui</button> </div> $('.wrapper .btn').click(function() { var button = $(this); button.addClass('disabled').text('Aguarde...'); setTimeout(function() { button.removeClass('disabled').text('Clique aqui'); /* 2000 = 2 segundos. */ }, 2000); }); Abraços mano!
  13. L. Henrique

    Caroucel de imagens com mouse hover

    Matheus, Se você redimensionar uma imagem dentro de uma tag <img>, é muito provável que seu layout vá começar a quebrar. Pra isso você possui a propriedade background-image que deve ser aplicada em uma div com altura e largura definidos. Exemplo: <div class="imagem"></div> .imagem { width: 300px; height: 300px; background: url('imagem.jpg') no-repeat center center; background-size: cover; } Dessa forma você pode aumentar o tamanho da sua imagem sem influenciar o wrapper, utilizando a propriedade background-size. Exemplo: .imagem:hover { background-size: 200%; } Abraços!
  14. L. Henrique

    Dimensionar Form em bootstrap

    Proxy, Resolveu de forma quase correta. Alguns elementos do bootstrap necessitam de Wrappers para que possam funcionar corretamente (ou senão ocuparão 100% de largura da página). Segue um exemplo de como usar o bootstrap: <div class="container"> <div class="row"> <div class="col-sm-12 col-md-6 col-md-offset-2"> <!-- Seu formulário --> </div> </div> </div>
  15. Clayton, O site apresenta isso de forma simples: Ele tem uma imagem de fundo com um botão de play. Esse botão de play aciona um modal onde o vídeo é executado. http://lokeshdhakar.com/projects/lightbox2/ Esse plugin deve servir. Abraços!
×

Important Information

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