Menu cute para sidebar

Olá anjos, como estão?

Trouxe hoje um menu para vocês.

Ele até que é bonitinho, mas acho que poucos irão usar.

Visualize o menu aqui: (www)

Como usar:

Para adicioná-lo ao seu blog, acesse Modelo - Editar HTML, e acrescente esse código acima de ]]></:bskin>:

.cutemenu {
background: fcc;
margin:10px;
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:10px ;
font-family: verdana;
text-align:center;
width:100px;
color:#a1a1a1;
padding:2px;
border:1px solid #FF69B4;
border-left:20px solid #FF69B4;
text-decoration:none;
}
.cutemenu:hover{
background: fcc;
border-left:1px solid #FF69B4;
border:1px solid #a1a1a1;
border-right:20px solid #FF69B4;
}

<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>