O Em Busca do Código é um site em formato de plataforma de ensino a distância (EAD), plataforma esta totalmente aberta e gratuita. Construido de maneira independente e individual, este layout é baseado neste curso.

Os vídeos deste curso de HTML5 & CSS3 podem contém erros, utilize-o como repositório de códigos fontes (os códigos fontes funcionam). Nosso curso de JavaScript não contém erros.

Publicado em 2015.

Menu de loja online. HTML5 e CSS3 aula 25

Nesse vídeo começamos a falar de como fazer um menu lateral de uma loja. A parte básica já está nessa aula, mas voltaremos a falar desse menu algumas aulas para frente.

Assista ao vídeo:

Código fonte HTML (completo)

<!...>
<link rel="stylesheet" href="css/loja.css">
<!...>
<section>
<h1>Menu Loja</h1>
      <nav class="loja">
            <ul>
                 <li><a href="#">Canecas</a></li>
                 <li><a href="#">Camisas</a></li>
                 <li><a href="#">Bermudas</a></li>
            </ul>
      </nav>
</section>

Código fonte CSS (completo)

       text-transform: uppercase;
      width: 130px;
      font-size: 15px;
}
.loja li {
background-color: #363036;
padding: 1px 5px;
}

Espero que este código fonte tenha sido útil.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.