1- Vá em Design -> Designer do Modelo -> Avançado -> Adicionar CSS:
Cole esse código:
font-family: tahoma;
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px;
-webkit-transition-duration: .80s;
font-size: 08pt;
color: #fff;
}
bdg:hover {
font-family: tahoma;
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px;
-webkit-transition-duration: .80s;
font-size: 08pt;
color: #fff;
}
Agora modifique o código como quiser(Tabela de cores).
Para usar o efeito coloque este código onde você quer que apareça:
<a href="Link"><bdg>Nome</bdg></a>
Nenhum comentário:
Postar um comentário