• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

22 de dezembro de 2012

Tutorial - Menu Pont

Tumblr_m8he7nmo9w1ry3zl4o1_r1_500_large
Yo ~

Gente,eu acreditava que o mundo não ia acabar,mas,aqui deu uma chuva tão forte que as toalhas que estavam no varal quase iam em borá,eu até achei que o mundo ia acabar mesmo...Mais não acabou ! ^_^

Emfim,trouxe um menu que eu mesma fiz.Eu apenas juntei um codigo com outro,e,acabou dando esse menuzinho,o nome dele é Menu Pont,ignorem esse nome,mais eu estava sem ideias.
Para ver como vai ficar clique aqui e vá até o gadget cujo o nome é 'Menu Pont'.

Vá no seu html tecle ctrl+f e procure por ]]></b:skin>,quando achar,cole esse codigo acima:

/*---Menu Pont Por KawaiiAndCute---*/
pont {
font-family: tahoma; /* Fonte do Menu */
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
border-radius:47px;
-webkit-transition-duration: .80s; /* Duração do Efeito*/
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}
pont:hover {
font-family: Tahoma; /* Fonte do Menu quando passa o mouse */
width: 25%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF1493; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px;
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu Por KawaiiAndCute---*/

Depois de arrumar tudo do seu jeito,adicione um gadget e cole esse codigo:

<a href="Link"><pont>Nome</pont></a><a href="Link"><pont>Nome</pont></a><a href="Link"><pont>Nome</pont></a>

Pronto,se quiser adicionar mas,basta repetir o codigo todo acima.

14 comentários:

  1. Lindo adorei >.< Graças a Deus o mundo não acabou ufa !

    Bjs
    Diário Capricho

    ResponderExcluir
  2. mais que menu lindo! eu acho que depois irei usá-lo X)

    ResponderExcluir
  3. Oi,seguuiindo,segue o meuu??ameii seu blogg Divo **__**
    one-teens.blogspot.com

    ResponderExcluir
  4. Esse gadget que tem que add é o java/script?
    Adorei o tuto!

    ResponderExcluir
  5. Adorei esse tutorial ^^
    Por aqui nem chuva teve ;___; Tá um calor!!
    Beijus...

    ResponderExcluir
  6. Adorei o tutorial,bem legal e aqui na minha cidade teve um temporal tão forte que destelhou toda a minha escola :/

    Beijos
    Amora Ruffles

    ResponderExcluir
  7. Não deu para ver como vai ficar pois o blog de testes foi excluído :(
    Mas aposto que o menu deve ser lindo! ^^

    Beijoos ;* ~ Dear Memories

    ResponderExcluir
    Respostas
    1. eu tinha visto antes, é lindo, primeiro é um menu tipo folha, aí depois ele fica em hover e fica arredondado e muda a cor quando passa o mouse, é lindo!

      Excluir