Menus Bombastic Design #2

MENU COME IN.

Live Preview.

Cole este código no seu CSS (antes de </style>) ARRUMANDO-O!

/** 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 está (na parte hover) 25px pode ser que precise ser alterado. Se o seu menu for maior q o do preview (com largura 50px) o número precisará aumentar. Se o seu menu for menor, diminua o valor.

Agora cole isso onde deseja que o menu apareça:

<nav1>menu</nav1>

Lembre-se de colocar o link (<a href=”….) ou falso i-frame, depende de seu tumblr.

Se for links, assim ficará:

<a href="link_menu"><nav1>título_menu</a></nav1>

Se usar, credite!

Lembre-se do like, nos ajuda a saber o que vocês estão gostando ^^

(Pam)