22 de mar de 2013

Menu Fluor-Feito Por Mim

Oi , gente hoje vim aqui trazer um tutorial do menu Fluor ( não sei o porque coloquei esse nome), tava sem inspiração mais achei que ele ficou bem bonitinho, e acho que dá para usar tanto na sidebar, quanto abaixo do cabeçalho se quiserem ver o menu cliquem aqui LIVE PREVIEW ! É que eu cansei de ficar repassando tutoriais de outros blogs e então resolvi criar um!

Então vamos ao tutorial:

Primeiro cole o código abaixo acima de 

.Fluor{
background: #EEDD82;
text-align: center; /* Alinhamento do texto*/
font-size: 11px; /* Tamanho da fonte */
border-radius: 6px 6px 6px 6px;
color: #FFF; /* Cor da fonte */
letter-spacing:1px;  /* Espaço entre as letras */
float: left;
box-shadow: inset 0 0 30px #EEDD82, 0 0 4px #EEDD82;
padding: 3px;
width: 16%;
float: center;
-webkit-transition-duration: .50s;
}
.Fluor:hover {
background: #FF6A6A; /* Cor do fundo do Menu ao passar o mouse */
border-radius: 6px 6px 6px 6px;
color: #fff; /* Cor da fonte ao passar o mouse */
letter-spacing:1px; /* Espaço entre as letras a hover*/
font-size: 11px; /* Tamanho da fonte */
box-shadow: inset 0 0 30px #FF6A6A, 0 0 4px #FF6A6A;
padding: 3px;
width: 16%;
float: center;
-webkit-transition-duration: .50s;
}

Agora cole esse código em um html/javascript:
                       
TÍTULO

Nenhum comentário:

Postar um comentário