<commit_before>---
title: Menu simples
date: 2017-01-02 19:42:00 Z
---

<h4><b><i>Poem o capacete que la vem pedrada</i></b></h4>
<p><i>"Iremos criar um menu com html e css"</i></p>
<p>Primeiro abriremos e fechamos a tag <b>ul</b> como mostra o exemplo:</p>
<center><img src="/uploads/menu1.png"></center>
<br>
<p>em seguida adicionaremos nossos itens com a tag <b>li</b>, como mostra o exemplo.
<center><img src="/uploads/menu2.png"></center>
<br>
<center><p><b>Aplicando csss</b></p></center>
<p><b><i>Ha, mas tio stagg esta tudo com bolinhas e eu queria o menu alinhado verticalmente</i></b>
<p>Vamos resolver isto agora usando as seguintes propriedades: ( Float para alinharmos os intes)  (list-style para tirar as bolinhas incovenientes) e (padding: para dar um espaçamento entre eles);</p>
<center><img src="/uploads/menu3.png"></center>
<br>
<b><center>Estilizando o menu</center></b>
<center><img src="/uploads/menu4.png"></center>

<center>#####code usado######</center>
<p>
ul{
  background-color: rgba(22, 160, 133,1.0);
  width: 100%;
  height:50px;
  border-bottom:3px solid rgba(26, 188, 156,1.0);
  color: white;
}
</p>
<center>#####################</center>
<br>
<p data-height="279" data-theme-id="dark" data-slug-hash="rjBXov" data-default-tab="result" data-user="CoderJavali" data-embed-version="2" data-pen-title="Menu" class="codepen">See the Pen <a href="http://codepen.io/CoderJavali/pen/rjBXov/">Menu</a> by Gabriel (<a href="http://codepen.io/CoderJavali">@CoderJavali</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script><commit_msg>Updated Menu Simples<commit_after>---
title: Menu simples
date: 2017-01-02 19:42:00 Z
---

<h4><b><i>Poem o capacete que la vem pedrada</i></b></h4>
<p><i>"Iremos criar um menu com html e css"</i></p>
<p>Primeiro abriremos e fechamos a tag <b>ul</b> como mostra o exemplo:</p>
<center><img src="/uploads/menu1.png"></center>
<br>
<p>em seguida adicionaremos nossos itens com a tag <b>li</b>, como mostra o exemplo.
<center><img src="/uploads/menu2.png"></center>
<br>
<center><p><b>Aplicando csss</b></p></center>
<p><b><i>Ha, mas tio stagg esta tudo com bolinhas e eu queria o menu alinhado verticalmente</i></b>
<p>Vamos resolver isto agora usando as seguintes propriedades: ( Float para alinharmos os intes)  (list-style para tirar as bolinhas incovenientes) e (padding: para dar um espaçamento entre eles);</p>
<center><img src="/uploads/menu3.png"></center>
<br>
<b><center>Estilizando o menu</center></b>
<center><img src="/uploads/menu4.png"></center>

<center>#####code usado######</center>
<p>
<kbd>
<p>ul{</p>
  <p>background-color: rgba(22, 160, 133,1.0);</p>
  <p>width: 100%;</p>
  <p>height:50px;</p>
  <p>border-bottom:3px solid rgba(26, 188, 156,1.0);</p>
  <p>color: white;</p>
<p>}</p>
</kbd>
</p>
<center>#####################</center>
<br>
<p data-height="279" data-theme-id="dark" data-slug-hash="rjBXov" data-default-tab="result" data-user="CoderJavali" data-embed-version="2" data-pen-title="Menu" class="codepen">See the Pen <a href="http://codepen.io/CoderJavali/pen/rjBXov/">Menu</a> by Gabriel (<a href="http://codepen.io/CoderJavali">@CoderJavali</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
{'fraction_non_alphanumeric': 0.2222222222222222, 'fraction_numerical': 0.02978850163836759, 'mean_word_length': 5.445297504798464, 'pattern_counts': {'":': 0, '<': 151, '<?xml version=': 0, '>': 151, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3210155', 'n_tokens_mistral': 1416, 'n_tokens_neox': 1341, 'n_words': 302}