• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

23 de julho de 2012

Menu giratório

Crédito da imagem aqui
olá meus pães com geléia de morango  {ou murango como minha vó diz}

>Hoje vamos aprender à como fazer um menu giratório como esse aqui

Logo após de colocar Leia mais você irá saber como se faz ushauhsuhuhs vamos?


ATENÇÃO: Testei somente o navegador Google Chrome não sei se funciona em outros navegadores!!Mini Gifs

Vá em design > editar HTML > Aperte  Ctrl+F e procure por:

]]></b:skin>

Acima de  ]]></b:skin>  cole o código:


/***MENU GIRATÓRIO FEITO - RAFAELA CARVALHO***/
un {background: #fff; display: inline-block; font-family:Arial;
font-size: 11px; padding: 3px; margin: 2px; color: #000;
-webkit-transition-duration: .70s; border-radius: 2px; cursor: hand;
-webkit-box-shadow:0 0 1em #ccc; opacity:.75;}
un:hover {-webkit-transform: rotateY(-360deg) ;
-webkit-transition-duration: .70s; opacity:.99}


Edite da forma que quiser (o que esta em rosa)
Visualize  se tiver tudo ok, salve!

Agora para o código funcionar é só você adicionar um Gadget HTML/JAVASCRIPT:

e colar o seguinte código:

<un><a href="URL_DO_LINK">Título do link</a></un>

Pronto! Tchau

{créditos de postagem no coração ao lado}


3 comentários: