Erro nos botoes

Qual é minha questão:
Aconteceu um erro nos botoes no meu forum olha como eles estão : http://br-playfortesrpg.forumeiros.com/

Eu quero deixar eles como esse: http://br-segundavida.forumeiros.com.pt/
só que com o efeito igual a esse: http://bne-novaera.forumeiros.com/forum || quando passa o mouse nos botoes ele ascende e levanta!


Não sei o que aconteceu! Por favor me ajuddem!

Endereço do meu fórum:
http://br-playfortesrpg.forumeiros.com

Versão do fórum:
PHPBB3

Olá, Bom dia!

Peço que acede à:
Painel de Controle Visualização Página inicial Estrutura e Hierarquia
Procure por "Exibir apenas as imagens no menu de navegação :" Marque SIM e Salve;

Resulta?


Até mais,
Passar bem.

Bom dia!

Fez alguma alteração em teu fórum antes disso ocorrer? Colocou algum JS?

Até mais.

Nao coloquei nada! E eu nao achei essa opção

Boas!

Mas para qual fórum deseja à função hover? Este: http://br-playfortesrpg.forumeiros.com/

Ou este: http://br-segundavida.forumeiros.com.pt/

Até mais.

Olá amigo,

Não tem maneira de fazer igual aquele feito, pois sua versão é INVISION e daquele fórum é PhPBB3, ou seja o INVISION não dá para fazer aquele efeito hover pois não tem um seletor próprio para todos como o PhPBB3 e até Punbb, por isso não h'maneira de se fazer igual.

O que podemos fazer é colocar aquele efeito hover como esta agora em teu fórum, dividido por partes, deseja assim?

Até mais.

os dois sao invision! Quando eu escolhi o tema foi pelo invision! Tava igualzinho só que deu esse bug! [USERNAME] Me ajuda

Olá novamente,

Peço mil desculpas eu tinha te pedido para você ir em outro local mais o certo é este:

Peço que acede à:
Painel de Controle Visualização Página inicial Cabeçalho & Navegação
Procure por "Exibir apenas as imagens no menu de navegação :" Marque SIM e Salve;

Resulta?


Até mais,
Passar bem.

Olá amigo,

pensei que quisesse o efeito das categorias... Mas aquele fórum lá é PhPBB3. Quanto á tua dúvida, coloque este código no inicio de teu CSS:

Código:

#submenu ul li a {
margin: .5em 0 .65em;
padding: .5em 0 .65em;
-moz-opacity: .3;
filter: alpha(opacity=30);
opacity: .3;
}
a.mainmenu img:hover {
bottom: 5px;
position: relative;
-moz-opacity: 1;
cursor: allowed;
filter: alpha(opacity=100);
opacity: 5 !important;
}

Até mais.

eu quero que quando passa o mouse ele ascende

Boa tarde,

Altere o código que eu lhe passei pelo abaixo:

Código:

.mainmenu {
-moz-opacity: .3;
filter: alpha(opacity=30);
opacity: .3;
}
.mainmenu img:hover {
bottom: 5px;
position: relative;
-moz-opacity: 1;
cursor: allowed;
filter: alpha(opacity=100);
opacity: 1 !important;
}

Até mais.

man quando passar o mouse é pra ascender!

Exemplo: http://bne-novaera.forumeiros.com/forum

Higor_Sm escreveu:man quando passar o mouse é pra ascender!

Exemplo: http://bne-novaera.forumeiros.com/forum

Olá amigo!

Sim, eu compreendo o que deseja, acontece que eu não posso fazer nada se os códigos não funcionam! E está função não é "Acender" se chama Hover! No mais mande-me teu CSS.

Passar bem!

Olá novamente,

Desculpe a demora, Peço que retire todos os códigos passado acima e adicione este a sua Folha de estilo CSS:

Código:

ul li a.mainmenu img:hover {
opacity: 1;
}
ul li a.mainmenu img {
opacity: .3;
}

Resulta?


Até mais,
Passar bem.

funcionou! valeu first