Menu sidebar

Olá miguxinhos da tia Roh..Boa noite amores! Ainn hoje tava fuçando os maravilhosos tumblrs de Html e encontrei uns menus tão fofinhos para por na sidebar, sabe quando você quer por seus links pessoais mas não acha menus legais e com os tamanhos certos? Então, de tanto que fucei achei 3 modelos super legais, menus pequenos simples mas muitos fofos! Eu queria poder ter mais tempo de inventar coisas assim, mas não tem como, já até fiz alguns menus. Mas nada comparados aos do tumblr neh? E para isso tem que ter tempo para testar efeitos, cores, e transações legais, mas prometo que quando eu tiver mais tempo livre prometo que tentarei fazer alguns!

Créditos Aqui

Visualize Aqui

Acima de ]]skin: cole o seguinte código:

/*** Menu para sidebar por Ju (a-vendedora-de-sonhos) (helpfromhtml) ***/


        .menunave {border: 1px solid #BECBD7;font-size: 10px; font-family: Muli; float:left; padding:5px; text-align:center;height:13px; margin:1px;background: #EEE; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.15s ease-out; letter-spacing:1px; text-shadow: 1px 1px 0px #fff;  text-align: center; border-radius:2px}


        .menunave ac {color:#BECBD7; -webkit-transition-duration:.99s;}

        .menunave ac:hover {color:#FFF;text-shadow: 1px 1px 1px #BECBD7; -webkit-transition-duration:.99s;}


        .menu2 {border: 1px solid #CBD6E1;font-size: 10px;  font-family: Muli; float:left; padding:5px; text-align:center;height:13px; margin:1px;background: #DFE1EC;  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.15s ease-out; letter-spacing:1px; text-shadow: 1px 1px 0px #FFFFFF; text-align: center; border-radius:8px}


        .menu2:hover {-webkit-transform: rotate(360deg) scale(1.4);

        -moz-transform: rotate(360deg) scale(1.4);

        -o-transform: rotate(360deg) scale(1.4);}


        .menu2 ab {color:#B5C5D8}

Links:

<a href="/" class="menunave"><ac>NAVEGUE </ac></a>
<span class="menu2" onclick="changeNavigation('NUMERO')"><ab>01 </ab></span>
<a href="/" class="menu2"> <ab>02 </ab></a>
<a href="/" class="menu2"> <ab>03 </ab></a>
<a href="/" class="menu2"> <ab>04 </ab></a>
<a href="/" class="menu2"> <ab>05 </ab></a>
<a href="/" class="menu2"> <ab>06 </ab></a>
<a href="/" class="menu2"> <ab>07 </ab></a>
</div>