Seta ao passar o mouse nos botões |
Muitas veses Desejamos Personalizar com Codigos a barra de Navegação
Mais São Poucos efeitos Disponiveis,Hoje Ja se e Possivel botar uma Seta Ao Passar o Mouse sobre Cada Menu.
- Funciona em Quais Versões?
Punbb PHPBB3 e PHPBB2
Nº1 - Adicionando o CSS:
Para que o Codigo Surta efeito e Nessesario a Aplicação de um CSS.
Painel
de Controle --> Visualizações
--> Imagens e Cores -->
Cores --> Folha de Estilo CSS
O codigo a ser adicionado e esse:
Código:
a.mainmenu{
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0% no-repeat;
padding-top: 6px;
}
Nº2 - Resultado:
© Patrão e Suporte Desinger
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Seta ao passar o mouse no Menu |