Menu com efeito hover

Qual é sua questão:
Bom! Boa tarde a todos! Já vi que em muitos fóruns, quando se coloca o mouse sobre aquele quadro que divide tópicos e fóruns, outra cor aparece, e quero fazer isso no meu fórum, como faço?

Que medidas você tomou para corrigir o problema:
VIm ao FdF

Apresente-nos imagens do problema (se necessário):
Sem o mouse apontando para o quadro ele fica assim:

https://i.servimg.com/u/f48/16/38/63/03/sem_ef10.jpg

Com o mouse apontando para o quadro ele fica assim:

https://i.servimg.com/u/f48/16/38/63/03/com_ef10.jpg

Endereço do fórum:
http://pokemestre.forumeiros.com

Versão do fórum:
PUNBB

Boa quetão tambem me enteressei por favor ajude-nos!

O meu fórum é phpBB3

Olá,
Isto é mais conhecido, como campo houver. Para modificar está área basta aceder ao : Painel de controle Visualização Imagens e cores Cores Procure pela aba "Cores de Fundo", agora localize a aba "Cor do campo Hover :". Basta modificar para a cor deseja, que vai obter o resultado desejado, não esqueça de salvar.
Até mais.

MUITO OBRIGADO!
ABRAÇOS!
-------------
Existe alguma forma de eu fazer ele aparecer a cor suavemente?

se conseguir arranjar o css dessa parte acho que consigo fazer

thalesaugusto escreveu:Existe alguma forma de eu fazer ele aparecer a cor suavemente?

Está serve?? #F6F4D0 caso não me avise que coloco outra

po cara vlw. Ficou muito bom!
Vlw mesmo.
^^

Nicker escreveu:Olá,
Isto é mais conhecido, como campo houver. Para modificar está área basta aceder ao : Painel de controle Visualização Imagens e cores Cores Procure pela aba "Cores de Fundo", agora localize a aba "Cor do campo Hover :". Basta modificar para a cor deseja, que vai obter o resultado desejado, não esqueça de salvar.
Até mais.

Ainda não deu certo! Fui lá escolhi a cor mas não vi diferença alguma!

Obrigado pelos que tentaram!

Olá,
josedaPM, qual a versão do seu fórum ?
Até mais.

Nicker escreveu:Olá,
josedaPM, qual a versão do seu fórum ?
Até mais.

Meu fórum é da Versão PunBB! Pode me ajudar?

Olá,
Por algum motivo, não sei dizer qual, o hover na versão PunBB, não pega como na versão PhpBB3, neste caso teremos de usar css para personalizar. Poderia nos dizer quais partes do fórum deseja personalizar com o efeito hover ?
Até mais.

Nicker escreveu:Olá,
Por algum motivo, não sei dizer qual, o hover na versão PunBB, não pega como na versão PhpBB3, neste caso teremos de usar css para personalizar. Poderia nos dizer quais partes do fórum deseja personalizar com o efeito hover ?
Até mais.

Cara, nem sei como te agradecer! Obrigado mesmo! Bom, eu queria personalizar as partes que estão nas imagens que eu citei na primeira mensagem deste tópico, só aquela parte mesmo! Explicando melhor, todas as partes do fórum que são daquela forma!

Olá,
Fui ao seu fórum, a imagem que deseja personalizar, no caso seria essa :
https://i.servimg.com/u/f28/16/38/63/03/seta_p10.jpg
Caso não por favor me mostre com uma imagem.
Até mais.

Nicker escreveu:Olá,
Fui ao seu fórum, a imagem que deseja personalizar, no caso seria essa :
https://i.servimg.com/u/f28/16/38/63/03/seta_p10.jpg
Caso não por favor me mostre com uma imagem.
Até mais.

Não. É a padrão, volte no meu fórum que agora ela está no lugar certo. (No lugar certo mas a de baixo ainda não funciona).

Olá,
Substitua o código do botão de fim e topo da página, por este :

Código:

<div class ="top"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div class ="bottom">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Agora aceda a gestão : Painel de Controle Visualização Imagens e cores Cores Folha de estilo e adicione o código abaixo :

Código:

.top{
position: fixed;
top: 0px;
right: 0px;
}
.top:hover{
list-style:none;
overflow:hidden;
background:#F6F4D0; 
margin:2px 2px 2px;
}
.bottom{
position: fixed;
bottom: 0px;
right: 0px;
}
.bottom:hover{
list-style:none;
overflow:hidden;
background:#F6F4D0; 
margin:2px 2px 2px;
}



Depois salve. Eu testei aki, versão PunBB, e funcionou perfeitamente, mais caso apresente problema, ou caso tenha alguma dúvida é só infomar.
Até mais.

Nicker escreveu:Olá,
Substitua o código do botão de fim e topo da página, por este :

Código:

<div class ="top"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div class ="bottom">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Agora aceda a gestão : Painel de Controle Visualização Imagens e cores Cores Folha de estilo e adicione o código abaixo :

Código:

.top{
position: fixed;
top: 0px;
right: 0px;
}
.top:hover{
list-style:none;
overflow:hidden;
background:#F6F4D0; 
margin:2px 2px 2px;
}
.bottom{
position: fixed;
bottom: 0px;
right: 0px;
}
.bottom:hover{
list-style:none;
overflow:hidden;
background:#F6F4D0; 
margin:2px 2px 2px;
}



Depois salve. Eu testei aki, versão PunBB, e funcionou perfeitamente, mais caso apresente problema, ou caso tenha alguma dúvida é só infomar.
Até mais.

Ainda não deu certo! A única diferença é que quando você bota o mouse fica um fundo laranjado. A seta de cima que leva o fórum pra baixo deu certo como já tinha dado! Mas a debaixo continua com o mesmo problema!

Obrigado aos que tentaram!

Nicker escreveu:Olá,
Fui ao seu fórum, a imagem que deseja personalizar, no caso seria essa :
https://i.servimg.com/u/f28/16/38/63/03/seta_p10.jpg
Caso não por favor me mostre com uma imagem.
Até mais.

Mas você tá me ajudando nas setas certo? E porque tá postando no tópico do menu com efeito hover?

Este é o tópico certo:

https://ajuda.forumeiros.com/t42620-duvida-botao-de-fim-e-topo-da-pagina

Mas obrigado pela ajuda!

josedaPM escreveu:Ainda não deu certo! A única diferença é que quando você bota o mouse fica um fundo laranjado. A seta de cima que leva o fórum pra baixo deu certo como já tinha dado! Mas a debaixo continua com o mesmo problema!

Obrigado aos que tentaram!

Qual o problema que está acontecendo com a seta de baixo?

Você ainda quer o código de alaranjar o fundo das tabelas onde ficam os fóruns?

Até mais.
Luciano98.

Luciano98 escreveu:

josedaPM escreveu:Ainda não deu certo! A única diferença é que quando você bota o mouse fica um fundo laranjado. A seta de cima que leva o fórum pra baixo deu certo como já tinha dado! Mas a debaixo continua com o mesmo problema!

Obrigado aos que tentaram!

Qual o problema que está acontecendo com a seta de baixo?

Você ainda quer o código de alaranjar o fundo das tabelas onde ficam os fóruns?

Até mais.
Luciano98.

Bom! Boa tarde! Quando clicamos na seta de baixo não acontece nada (ela devia subir a barra de rolagem) e a barra de rolagem fica travada por uns 10 segundos!

Eu ainda quero o código de alaranjar o fundo sim!

Olá!

Acessei seu fórum e as duas setas estão funcionando perfeitamente, deve ser o seu navegador.

Aqui está como resolver sua outra dúvida (alaranjar tabelas do fórum):
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

div.main div.main-content table.table tbody.statused tr td:hover{background-color:#000000}

Salve.

PS: Não é possível alaranjar toda a linha da tabela dos fóruns (somente cada quadro da tabela), por causa da versão do seu fórum.

Até mais.
Luciano98

Luciano98 escreveu:Olá!

Acessei seu fórum e as duas setas estão funcionando perfeitamente, deve ser o seu navegador.

Para o outro problema:
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

div.main div.main-content table.table tbody.statused tr td:hover{background-color:#000000}

Salve.

PS: Não é possível alaranjar toda a linha da tabela, por causa da versão do seu fórum.

Até mais.
Luciano98

Já que no seu funcionou vamos deixar assim! Sobre a coloração das tabelas:


Meu, não sei nem como te agradecer:



Ficou MASSAAAAAAAAAAAAAAAAAAAAAAAAAA!!!

É só colocar o código hexadecimal da cor que eu quiser?

josedaPM escreveu:Já que no seu funcionou vamos deixar assim! Sobre a coloração das tabelas:

Meu, não sei nem como te agradecer:

Ficou MASSAAAAAAAAAAAAAAAAAAAAAAAAAA!!!

É só colocar o código hexadecimal da cor que eu quiser?

Sim, isso mesmo.

Até mais.
Luciano98.