Menu cute

Hello amores, como vão? Bem hoje eu vou ensinar a fazer um menu muito cute que achei no tumblr então os créditos são de lá mais eu coloquei no modo blogger mais qualquer forma o corpo do menu são de lá! Vamos vê como ele é?

                                                         Preview do menu


Bem fofo não é mesmo, vamos aprende-lo?


Primeiro você vai em seu HTML aperte CTRL+F e procure por ]]></b:skin> a cima desta tag cole o codigo a seguir:

 

/*** Menu por Bruna Teixeira/Sincere—smile***/
.menub{background:#fd90d0;font-family: Tahoma; width: 60%;  float: right;  padding: 2px; text-align: center; margin: 1px; border-radius: 0px;font-size: 8pt; color: #BC8F8F; 
-webkit-transition-duration: .90s; 
-moz-transition-duration: .90s; 
transition-duration: .90s; }
.menub:hover {font-family: Tahoma; width:60%; float: right; background:#ebebeb; padding: 2px; text-align: center; margin: 1px; border-radius: 0px;font-size: 8pt; color: #696969;padding-left:0px;  
  box-shadow:7px 8px 16px #000 inset, -3px -8px 44px #000 inset;
    -moz-box-shadow:7px 8px 16px #000 inset, -3px -8px 44px #000 inset;
    -webkit-box-shadow:7px 8px 16px #fff inset, -3px -8px 4px #ebebeb inset;border-bottom:2px solid#eee; 
}
/**fim do menu**/

Edite como quiser agora para aprecer o menu adciona um gadget/javascrip e cole o seguinte codigo:

<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>

Link: URL da pagina

T�tulo:Nome da pagina 

Prontinho, facil né?

Bjus e até o proximo post