Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Códigos de efeito em menus
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Códigos de efeito em menus
Olá,
eu quero saber quais são todos os códigos que dão efeitos em menus como por EXEMPLO os botoes subirem ou abaixarem quando passa o mouse ele criar sombra ou seilá..
Alguém sabes os códigos e suas funçoes?
eu quero saber quais são todos os códigos que dão efeitos em menus como por EXEMPLO os botoes subirem ou abaixarem quando passa o mouse ele criar sombra ou seilá..
Alguém sabes os códigos e suas funçoes?
Última edição por Talissa Andr. em 02.12.10 19:00, editado 1 vez(es)
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: Códigos de efeito em menus
pode me dizer?!
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: Códigos de efeito em menus
Como é meu primeiro post resolvendo um problema de alguem não tenho experiencia vou ser o mais claro possivel
Todos os codigos deveram ser adicionado em folha de estilo css
Visualização>>>Cores>>Folha de Estilo CSS
hover pra coloca imagem:
Vermelho - A imagem do seu menu
Índigo - A metade da altura do seu menu(tem que colocar em numero)
Laranja - A metade da largura do seu menu (tem que colocar em numero)
Azul - A imagem que vai colocar como Hover
o resto.
Espero ter ajudado!!!
Abraços
Todos os codigos deveram ser adicionado em folha de estilo css
Visualização>>>Cores>>Folha de Estilo CSS
hover pra coloca imagem:
#i_icon_mini_index {
background-image: url('URL_DA_IMAGEM');
background-repeat: np-repeat;
padding: AApx LLpx;
}
#i_icon_mini_index:hover {
background-image: url('URL_DA_IMAGEM_SOBRE_MOUSE');
background-repeat: np-repeat;
padding: AApx LLpx;
}
Vermelho - A imagem do seu menu
Índigo - A metade da altura do seu menu(tem que colocar em numero)
Laranja - A metade da largura do seu menu (tem que colocar em numero)
Azul - A imagem que vai colocar como Hover
o resto.
i_icon_mini_portal - Portal
i_icon_mini_calendar - Calendário
i_icon_mini_gallery - Álbum
i_icon_mini_faq - FAQ
i_icon_mini_search - Buscar
i_icon_mini_members - Membros
i_icon_mini_groups - Grupos
i_icon_mini_profile - Perfil
i_icon_mini_message - Mensagens privadas
i_icon_mini_new_message - Nova mensagem privada
i_icon_mini_logout - Sair
i_icon_mini_register - Registar
i_icon_mini_login - Entrar
Espero ter ajudado!!!
Abraços
Última edição por Mr. Supero em 07.12.10 1:13, editado 3 vez(es) (Motivo da edição : erro de digitação)
Re: Códigos de efeito em menus
Vlw! vou aguardar caso mais usuários saibam outros efeitos.
A tome cuidado viu ajudar vicia....
A tome cuidado viu ajudar vicia....
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Códigos de efeito em menus
Obrigada ' joãopedro.
bem legal este.
Mais efeitos? =)
bem legal este.
Mais efeitos? =)
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: Códigos de efeito em menus
Viu algum efeito que lhe tivesse agradado?
Se soubéssemos isso seria mais fácil.
Se soubéssemos isso seria mais fácil.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Códigos de efeito em menus
A vi em alguns fóruns botôes que ao passa o mouse eles sobem !
gostei deste! =D
gostei deste! =D
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: Códigos de efeito em menus
depois de "background-imagem" adicione "margin-bottom : 3px !important;"
o valor em vermelho pode ser modificado
abraços
o valor em vermelho pode ser modificado
abraços
Re: Códigos de efeito em menus
Mas há uma maneira de adicionar isto sem ter que mudar as imagens ao passa o mouse?
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: Códigos de efeito em menus
Esqueci de mecionar: é pra coloca no hover.
assim:
assim:
#i_icon_mini_index:hover {
background-image: url('COLE-O-URL-DA-IMG-DO-MENU-NORMAL');
margin-bottom : 3px !important;
background-repeat: np-repeat;
padding: AApx LLpx;
}
Re: Códigos de efeito em menus
se quiser pode usar este efeito
- Código:
#i_icon_mini_index {
background-image: url('URL_DA_IMAGEM');
background-repeat: no-repeat;
padding: AApx LLpx;
}
#i_icon_mini_index:hover {
background-image: url('URL_DA_IMAGEM_SOBRE_MOUSE');
background-repeat: no-repeat;
padding: AApx LLpx;
top: 5px relative;
}
Tópicos semelhantes
» Sub-menus
» Sub-menus
» Efeito neon em códigos
» Os códigos javascript são códigos que não precisão ficar na zona de widgets do fórum?
» Personalizar codigos da caixa de codigos
» Sub-menus
» Efeito neon em códigos
» Os códigos javascript são códigos que não precisão ficar na zona de widgets do fórum?
» Personalizar codigos da caixa de codigos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos