Pesquisar na Comunidade

Fala muchachos hoje eu vou ensinar pra vocês como fazer um overflow invisível, identico ao do Google. Quando você entra em qualquer site feito pelo Google percebe que tem como você "puxar" qualquer elemento para o lado sem que nenhum overflow esteja vísivel. Oque eu acho bem maneiro e eu vou ensinar pra vocês. Recentemente eu fiz um site com um sistema de tabs dinamicos, derrepente me vi com o problema desses tabs quando houverem muitos elementos, ele quebrar. Então, eu simplesmente deixei o overflow invisível e depois deixei o width dele em 0. Exemplo: Segue o código: * { overflow: auto; } *::-webkit-scrollbar { width: 0; height: 0; } Bom, ainda não terminou, se você usar isso em um computador ou laptop que precise do overflow para "funcionar", ele vai desaparecer já que eu coloquei o overflow invisível, e como o computador NÃO É TOUCH, não vai funcionar. Então nós adicionamos um media queries, somente para dispositivos móveis terem o overflow invisivel. * { overflow: auto; } @media screen and (max-width: 991px) { *::-webkit-scrollbar { width: 0; height: 0; } } Bom, é somente isto, se quiserem mais tutoriais só me chamar no Skype, Discord, Shoutbox ou aqui nos comentários que eu farei sem problema algum. Até mais!

Salve, Tô fazendo um framework de CSS open source, quem quiser contribuir, baixar ou falar merda, acessa o github ai https://github.com/Hyrran/CreeperCSS Nesse site http://creepercss.cubemarket.com.br tem uns exemplos de uso e a lista dos elementos nessa framework

Olá pessoal do Gamer's Board, hoje estou trazendo mais um website 100% pronto para vocês ! O site eu comprei a uns tempos atrás e como não estou usando mais vou disponibilizar FREE para vocês.. Algumas Imagens do site abaixo: Decidi não postar imagens e postar antes um site em que coloquei ele, pois é bem mais fácil para vocês ver! :) Link: https://vendendo.000webhostapp.com/ (ignorem o "vendendo" pois eu estava tentando vender este site e acabei desistindo de vender) Já viram? Gostaram? Querem ele? Se sim, então o download está bem aí em baixo: http://www.mediafire.com/file/ggi6i56nc8kbstw/ShildMC.zip

Opa!, estou começando a aprender HTML e CSS então fiz um site para servidores de Minecraft. vou deixar para download "de grátis!" (Aceito dicas construtivas! :)) Segue a base que fiz no photoshop! https://imgur.com/a/5Fde2 Link para download: https://www.dropbox.com/s/bl9yeiult7o2gto/Site-by-vini69war.zip?dl=0

Olá. Como fazer isso? http://prntscr.com/epphiq Sei que esse menuzinho se faz com html, mas, qual o sistema que usa pra fazer com que os posts antigos vão pra pág 2? E como fazer essa pág 2 funcional?

Como faço para alinhar <div> uma do lado da outra e quando chegar no limite do container ele pula uma linha? o problema é que eu tento colocar duas box uma ao lado da outra e sempre ficam uma embaixo!! http://prntscr.com/dl44kw

Criei uma <li> e estilizei ela porem quando transformei em botão a mesma não preencheu toda a <li> .list { color: #eee; list-style: none; padding-left: 0px; } li:nth-child(odd) { background-color:#13171d; } li>i {margin-right:15px; } .list> li { padding: 15px 0px 15px 40px; font-size: 16px; font-weight:lighter; } .list>li:hover { color: white; box-shadow:1px 1px 10px 1px #50e6df inset; transition: padding-left 0.2s linear; padding-left: 60px; } <ul class="list"> <li><i class="fa fa-safari" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Safari</a></li> <li><i class="fa fa-thumbs-up" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Likes!</a></li> <li><i class="fa fa-users" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Social</a></li> <li><i class="fa fa-bar-chart" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Estatísticas</a></li> </ul> A questão é como transformar toda a <li> em um botão? Sem modificar o style? Obs. Aumentei a letra para que todos consigam observar a pergunta.

Tinha acabado de Aprender a Programar em HTML5 quando me deparei com esse canal fui vendo as playlist dele quando deparei com CSS3 e uma playlist completa do inicio até a conclusão mas ele ensinou como vamos dizer os codigos que todos usam em websites kk' então fui vendo e vendo até que terminei (em menos de duas hrs) até que fui praticando e praticando revendo os videos e assim Acabei aprendendo a programar CSS3 e ah nesse canal também tem curso de HTML5! Só clicar AQUI

Falae zueiros, zueiras e três pernas do GamersBoard Hoje eu vou começar uma série de tutoriais de HTML & CSS pra servirem de base para vocês começarem a fazer seus proprios sites sozinho e não ficar dependendo mais de templates ._. O que é HTML? HTML é a linguagem usada para criar sites na web, é a linguagem base de todos os sites. A sigla HTML significa em inglês Hypertext Markup Language que em português é Linguagem de Marcação de Hipertexto. Porém HTML não é a unica linguagem usada para fazer sites, também existe o CSS, que trabalha lado a lado com o HTML, ele é responsavel pela parte visual da página, enquanto o HTML é o "esqueleto". Existem outras linguagens que também são usadas para criar sites como o JavaScript que no caso não irei ensinar nestes tutoriais, já que o HTML/CSS são os essenciais e com essas duas linguagens você já pode criar um site muito bonito :) O que é preciso para começar? Basta você ter um editor de texto, desde o mais simples ao mais avançado. Abaixo segue o link do editor que eu uso que é o sublime text 3, ele é bonito e facil de mexer: http://www.sublimetext.com/3 Depois de baixar, crie um novo arquivo de texto com a extenção .html ou .php (se você pretende um dia transformar sua página mais dinamica usando PHP eu recomendo que coloque a extenção .php pra não ter que ficar mudando no futuro). Neste primeiro tutorial (focado no HTML) eu vou ensinar a estrutura básica para a criação de uma página da web. Na primeira linha do nosso arquivo digitaremos o seguinte código: <!DOCTYPE html>, ele se parece com uma tag html mas na verdade é uma instrução para que browsers e motores de busca saibam que a página deve ser interpretada em HTML, e como estamos usando HTML5 não é preciso colocar mais nada neste código. Depois do DOCTYPE, vem as tags do html. Existem dois tipos de tags: As que contém informações, estas precisam ser fechadas depois de aberta, Ex.: <div> Conteudo </div> As que não contem informações, estas não precisam ser fechadas, Ex.: <br> ou <br/> (line break / quebra de linha) As tags de fechamento são compostas da mesma tag de abertura acrescida de / depois do <. Ex: <head> </head> Continuando na parte das tags, nós fazemos a estrutura de nossa página: <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>GamersBoard</title> </head> <body> </body> </html> Como no código acima temos a tag <html> e o atributo de linguagem dela (no caso PT-BR), repare que essa mesma tag <html> do começo se repete no final acrescida de / (</html>). Depois da tag <html> vem a tag <head> e <body> Na <head> (cabeça/cabeçalho da página) ficam as informações que são carregadas antes do conteudo da página, como o título, o tipo de codificação e etc. Dentro da <head> tem o <title>, e dentro dele vem o título da página, aquele que aparece bem na aba do seu navegador: Também temos a metatag(irei explicar sobre as metatags mais pra frente) charset, ela indica qual será a codificação da página, no caso iremos sempre usar UTF-8 para que sejam exibidos acentos, caracteres especiais e etc. Depois de fechar a tag <head> vem a tag <body>. Aqui é onde fica todo o conteúdo visível da página como os textos, imagens e outros elementos Obs: não importa a sequencia da <head> e <body>, uma pode vir primeiro que a outra, mas é de custume deixar a <head> na frente Bom este tutorial fica por aqui, no próximo irei ensinar sobre mais tags importantes! Caso tenha alguma duvida/sugestao/critica poste nos comentários :)