[TUTORIAL] Efeito nas imagens dos menus do fórum
Página 1 de 1 • Compartilhe

[TUTORIAL] Efeito nas imagens dos menus do fórum
![]() | 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
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:
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.a.mainmenu:hover{position:relative;bottom:5px}
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?
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Efeito nas imagens dos menus do fórum |
Cream- Membro Proficiente
-
Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11643

» [TUTORIAL] Efeito Zoom nas imagens com lupa
» [TUTORIAL] Efeito de opacidade nas imagens do menu
» [TUTORIAL] Efeito lightbox para imagens nos tópicos
» Efeito em todas as imagens do fórum
» [TUTORIAL] Efeito opacidade no fórum (Fad In)
» [TUTORIAL] Efeito de opacidade nas imagens do menu
» [TUTORIAL] Efeito lightbox para imagens nos tópicos
» Efeito em todas as imagens do fórum
» [TUTORIAL] Efeito opacidade no fórum (Fad In)
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos