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!

Estude: http://www.w3schools.com/TagS/att_option_selected.asp

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!

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!

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!

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!

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>

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!