Menu Come In

Olá Anjos!

Hoje não estou com paciência para falar muito, a verdade é que estou bem estressada por causa de umas coisas, ou melhor, por causa de uma coisa, e estou tentando esfriar a cabeça e me segurando para não falar besteira pra gente da minha própria família. 

Achei um menu legal no Bombastic Design enquanto procurava menus para barra lateral, mas não usei e trouxe o tutorial para cá. Esse é um daqueles menus que podem ser usados tanto em cima do cabeçalho (meus favoritos) e na barra lateral, já que o tamanho dele pode ser alterado como bem entender. 

Veja um preview aqui.

Vá no seu HTML e cole acima de /b:skin, editando as cores e a fonte.

/** MENU COME IN - POR BOMBASTIC DESIGN **/
nav1 {
display: inline-block;
font-family: FONTE;
font-size: TAMANHO_DA_LETRApx;
text-align: center;
width: LARGURApx;
color: #COR_LETRA;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
font-style: normal;
background: #COR_FUNDO;
padding:10px;
}
nav1:hover {
color: #COR_LETRA_HOVER;
-moz-box-shadow: inset 0 0 0px 25px #COR_FUNDO_HOVER;
-webkit-box-shadow: inset 0 0 5px 25px #COR_FUNDO_HOVER;
box-shadow: inset 0 0 0px 25px #COR_FUNDO_HOVER;
color: #LETRA_COR_HOVER;
}

Onde você quer que o menu apareça, cole:

<a href="LINK"><nav1>TÍTULO</a></nav1>

Pronto, agora é só salvar.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar