Menu 2

Nome Nome Nome Nome


http://paradizing.blogspot.com
Copie o código abaixo e cole em algum lugar acima de ]]></b:skin>:

.menu1{
width: 40px;      /*Largura*/
height: 20px;        /*altura*/
font-family: "farma";
font-size: 8px;
outline-offset: -3px;          /*não mexa*/
color:#ffb0b8!important;           /*cor da fonte*/
text-shadow: 1px 1px 0px #fffbfb;          /*sombra do texto*/
outline: 1px dotted #ffb0b8;        /*bordinha pontilhada- só mude a cor*/
background-color:#fff3f4;       /*fundo*/
border: 3px solid #ffdbde;       /*borda - só mude a cor*/
padding: 2px;        /*não mexa*/
text-transform: uppercase;         /*texto em letras maiusculas*/
margin: 2px;        /*não mexa*/
float: left;         /*não mexa*/
text-align: center;        /*texto alinhado no centro*/
display: inline;        /*não mexa*/
box-shadow: inset 0 0 6px #ffdbde, 0px 1px 2px #f6f6f6;    /*sombra da caixa*/
-webkit-transition: all 0.50s ease;}

.menu1:hover{
width: 40px;
height: 20px;
font-family: "farma";
font-size: 8px;
outline-offset: -3px;
color:#989898!important;
text-shadow: 1px 1px 0px #fafafa;
outline: 1px dotted #9e9e9e;
background-color:#efefef;
border: 3px solid #d0d0d0;
padding: 2px;
text-transform: uppercase;
margin: 2px;
float: left;
text-align: center;
display: inline;
box-shadow: inset 0 0 6px #d0d0d0, 0px 1px 2px #f6f6f6;
-webkit-transition: all 0.50s ease;}

@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); /*fonte pixel*/}

Cole o codigo abaixo onde você quiser que o menu apareça:

<a class="menu1" href="#">LINK</a>
<a class="menu1" href="#">LINK</a>
<a class="menu1" href="#">LINK</a>
<a class="menu1" href="#">LINK</a>