Menu Rotate

Hooy imaginárias :) bom pessoas eu estou muito feliz porque alcancemos nossa meta de 400 seguidores, sério eu não sabia que chegaríamos até aqui , mais muito obrigada mesmo.

Hoje trouxe um menu muito fofo que encontrei no Kw é o menu rotate , não consegui fazer o print mais ele é normal e quando clicamos em cima dele ele gira (e volta ao normal) veja como ele é

E ai gostaram ? vamos ver como se faz

Vá em designer , Dê F3 e procure por :  ]]></b:skin> encontrou ? então vamos acrescentar logo acima um dos seguintes códigos

Rosa:

.menugirarosa {width:auto; float:left}.menugirarosa a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#fdcddc; margin-top:5px;box-shadow: inset 0 0 30px #f08cb9, 0 0 2px #dd6a9d; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugirarosa a:hover {-webkit-transform: rotateX(-360deg);}

                                                                               Azul

         

           

.menugiraazul {width:auto; float:left}.menugiraazul a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#cde8fd; margin-top:5px;box-shadow: inset 0 0 30px #9ecdf1, 0 0 2px #7cb6e3; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugiraazul a:hover {-webkit-transform: rotateX(-360deg);}                                     

                                                                              Amarelo

                                            .menugira {width:auto; float:left}.menugira a {width:46px; font-family:handy; font-size:8px; color:#ffffff; text-decoration:none; background-color:#fff9b1;box-shadow: inset 0 0 30px #d4cd82, 0 0 2px #cbc263; text-align:center; padding:5px; -webkit-transition-duration: 1s; float:left; margin-left:3px;}.menugira a:hover {-webkit-transform: rotateX(-360deg);} 

                                             Agora para usar

       Vá em Layount adicionar um Gadget
             Html java script  e cole o seguinte código

         <div class="menugirarosa">

<a href="LINK">nome</a><a href="LINK">nome</a><a href="LINK">nome</a><a href="LINK">nome</a></div>

                 Aonde está menugirarosa  muda o ROSA pela cor que fez o menu :)

 Espero que gostem e curtam :)

Créditos :♫