-
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
1214 profile views
-
GIANCARLO01 started following L. Henrique
-
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!
-
Input select option lista com cidades do Brasil HTML
L. Henrique replied to TheKaiio's topic in HTML e CSS
Estude: http://www.w3schools.com/TagS/att_option_selected.asp -
Como imprimir página web com o <title> como nome
L. Henrique replied to AndersonWS's topic in HTML e CSS
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! -
a href + PHP - transformar botões em lista select
L. Henrique replied to leandoribeiro23's topic in HTML e CSS
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! -
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!
-
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!
-
.menu { background-image: url('sua_imagem.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
-
Darth, Favor redirecionar sua pergunta a seção de DB ou JS. Abraços!
-
Salvar "inspecionar elemento" em outros sites
L. Henrique replied to joaohenrique010's topic in HTML e CSS
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!- 3 replies
-
- giovanni auditore
- inspecionar
- (and 8 more)
-
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!
-
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!
-
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!
-
L. Henrique started following ronaldojsp
-
ronaldojsp started following L. Henrique
-
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!
-
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>
-
Clicar em uma imagem e abrir um vídeo do Youtube fullscreen
L. Henrique replied to Clayton R's topic in HTML e CSS
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!- 3 replies
-
- html
- fullscreen
-
(and 1 more)
Tagged with: