[TUTORIAL] Efeito nas imagens dos menus do fórum

[Cream]

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

   

(clique na imagem para aumentar)
   

   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