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!

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!

Vale a leitura: How to style Option only with CSS.

Usa esse plugin: https://wordpress.org/plugins/insert-pages/

Saul, Vamos as perguntas: Isso é um tema de Wordpress? As imagens quando jogadas no servidor estão sendo compactadas via gzip? Você está utilizando WPSmush ou algum plugin pra reduzir o tamanho da imagem? Já inspecionou o elemento e removeu todas as propriedades CSS da imagem? As imagens inseridas são muito grandes para o campo onde elas estão (Ex.: 1000x1000)? Abraços.