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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por Cream em 03/04/12, 05:58 pm

  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





    - 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.


    - 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
avatar

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum