Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como eu fasso esse efeito?
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como eu fasso esse efeito?
Qual é minha questão:
Como eu fasso esse efeito que esta nos parceiros do meu forum?
quando agente poe o mause ele fica normal quando agente tira ele fica mas claro,eu queria por esse efeito nos botoes indice,portal,faq,pesquisar,etc....queria por esse efeito nesses botoes de cima
Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu
Versão do fórum:
INVISION
Como eu fasso esse efeito que esta nos parceiros do meu forum?
quando agente poe o mause ele fica normal quando agente tira ele fica mas claro,eu queria por esse efeito nos botoes indice,portal,faq,pesquisar,etc....queria por esse efeito nesses botoes de cima
Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu
Versão do fórum:
INVISION
Re: Como eu fasso esse efeito?
eu sei mais n ta entrando no seu forum axo q me baniram eu so o neon o lendario se poder deixa eu entra eu poso aruma ate
Re: Como eu fasso esse efeito?
Acho que esse codigo nao pega em invision ja que o topico nao menciona invision
Re: Como eu fasso esse efeito?
Olá
Ok, para fazer algo do tipo você precisará de CSS.
O modo hover é quando você passa o mouse em cima do objeto (no caso as imagens de parceiros) e ele muda algum atributo. Por exemplo ali, ele muda a opacidade, antes as imagens estavam mais opacas, quando você passa o mouse em cima (modo hover) elas ficam menos opacas.
Para fazer isso é fácil, caso você entenda um pouco de CSS, será simples:
No caso dos botões do menu:
Normal:
Hover:
Observe que os atributos mudaram
Antes: "filter:alpha(opacity=40);"
Depois:"filter:alpha(opacity=100);"
Antes: "-moz-opacity: 0.4;"
Depois: "-moz-opacity: 1.0;"
Antes: "opacity: 0.4;"
Depois: "opacity: 1.0;"
Enfim, eu tentei explicar um pouco antes, mas caso não tenha entendido é só colocar o código do teu gosto:
Do mais opaco pro normal:
Do normal pro mais opaco:
Ok, para fazer algo do tipo você precisará de CSS.
O modo hover é quando você passa o mouse em cima do objeto (no caso as imagens de parceiros) e ele muda algum atributo. Por exemplo ali, ele muda a opacidade, antes as imagens estavam mais opacas, quando você passa o mouse em cima (modo hover) elas ficam menos opacas.
Para fazer isso é fácil, caso você entenda um pouco de CSS, será simples:
No caso dos botões do menu:
Normal:
- Código:
#submenu ul li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
Hover:
- Código:
#submenu ul li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Observe que os atributos mudaram
Antes: "filter:alpha(opacity=40);"
Depois:"filter:alpha(opacity=100);"
Antes: "-moz-opacity: 0.4;"
Depois: "-moz-opacity: 1.0;"
Antes: "opacity: 0.4;"
Depois: "opacity: 1.0;"
Enfim, eu tentei explicar um pouco antes, mas caso não tenha entendido é só colocar o código do teu gosto:
Do mais opaco pro normal:
- Código:
#submenu ul li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#submenu ul li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
Do normal pro mais opaco:
- Código:
#submenu ul li a img:hover {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
#submenu ul li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Re: Como eu fasso esse efeito?
Saudações!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Valide.
Até mais.
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
- Código:
a {
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-webkit-transition-duration: .8s;
font-family: Oxygen, sans-serif;
text-decoration: none!important;
transition-duration: .8s;
}
a:hover {
color: #4876FF;
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
text-shadow: 0 0 10px red;
}
Valide.
Até mais.
Tópicos semelhantes
» Como fasso esse efeito de nome grande?
» Como eu fasso esse membro da semana ?
» como fasso efeito no mouse
» Como por esse efeito na fonte
» Como colocar esse efeito
» Como eu fasso esse membro da semana ?
» como fasso efeito no mouse
» Como por esse efeito na fonte
» Como colocar esse efeito
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos