09/03/13

MT : Menu Shadow


Oi ! Mais um tutorial da maratona, desta vez um menu bem lindo. Os créditos vão para o BC e BT. Se quiserem ver o menu, cliquem e vão até ao gadget "menu shadow".

Se quiseres meter o menu, vai ao html, pesquisa por /b:skin e cola o seguinte código acima disso :

mh {color: #eeeeee; font-family: 'verdana'; font-size: 10px; background: #CORDEFUNDO; padding: 20px; display: inline-block; -webkit-transition-duration: .80s; -o-transition-duration: .80s; -moz-transition-duration: .80s; -ms-transition-duration: .80s; cursor: size; border: 0px solid #000; box-shadow: inset 0 0 75px 75px #CORDEFUNDODOMENU, 0 0 0 #CORDEFUNDODOMENU;}
mh:hover {box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;}

Altera o que está a negrito, podes utilizar estas cores.
Depois, adiciona um gadget html/javascript e cola quantas vezes precisares :

<a href="LINKAQUI">mh>NOME</mh></a>


Espero que tenham gostado, o menu é fácil de fazer e dá vontade de passar o rato a toda a hora. Bom sábado :)

9 comentários:

  1. Ahh achei magnifico,hehe,bjão
    MInha Mãe Me Ensinou

    ResponderEliminar
  2. Fica mesmo liindo :) vou usar no proximo layout :) Beijos


    Ursato

    ResponderEliminar
  3. pugsgeneration.blogspot.com
    Subscrevam!

    ResponderEliminar
  4. O menu é super fácil e lindo talvez eu use ele :3
    Ótimo Post!
    Participe do Sorteio de 1 Ano de MFF.

    By: Camis

    http://mundofantasticofeminino.blogspot.com.br

    Seguindo Segue de Volta?

    ResponderEliminar
  5. É realmente lindo esse efeito... Nunca tinha visto nada parecido HEHE
    BJão!
    http://blog-part-of-me.blogspot.com.br/

    ResponderEliminar
  6. Uau eu gostei do menu, o efeito dele é muito bacana !

    Beijos

    ResponderEliminar
  7. Adorei esse efeito, acho que qualquer dia vou usar.

    http://bibokices.blogspot.com

    Já pus like na tua fanpage, põe na minha? http://facebook.com/bibokices

    ResponderEliminar
  8. Que menu liindo haha

    californiahtml.blogspot.com.br/ (blog novo segue?)
    blogponteparaparis.blogspot.com.br/

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias