Tutorial - Menu Pont

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.