Efeito CSS

Este tutorial ensina um efeito interessante que podemos fazer nas
imagens de nossos fóruns. O efeito é bem simples e compacto, por isso o
mesmo funciona em todas as versões. Basicamente, ele "sobe" as imagens
dos menus dos fóruns!

--> Tutoriais, Dicas e Astúcias <--
Efeito nas imagens dos menus do fórum

1º - Explorando e conhecendo o código:
Abaixo algumas explicações de como fazer a modificação no código CSS:

a.mainmenu:hover{position:relative;bottom:5px}

Laranja ->
Temos o que será feito no código. "Positon:relative" define a posição
em que o código afetará. Já "bottom:5px" indica a altura em pixels, que
subirá os ícones dos menus ao passarmos o mouse sobre os mesmos.


2º - Aplicar o código na folha de estilo CSS:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS



Deverá colocar o código, nesta página. Se já contém algum código,
deve adicionar este código , assim como qualquer outro que adicione
futuramente, depois do já existente.

• Qual é o resultado?