Efeito hover nas categorias

2 participantes

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

Tópico resolvido Efeito hover nas categorias

Mensagem por smithz0r 11.02.14 19:51

Qual é minha questão:
Li esse tópico aqui https://ajuda.forumeiros.com/t74789-efeito-hover-nas-categorias . Achei o efeito interessante e decidi colocar no meu fórum, porém, o meu é PunBB, e o do autor do tópico é PHPBB3.
Mesmo colocando o código no meu fórum, não resultava em nada, deduzi que o problema era aquele li.row (não entendo disso, mas por lógica pensei assim). Então, procurei um jeito de passar esse li.row para PunBB.
Achei um tópico que dizia que era só trocar o li.row por 
Código:

.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {

Troquei e resultou, porém o efeito ficava áreas da categoria que eu passava o mouse por partes, por exemplo:
Se eu passo o mouse em algum tópico na tabela de Tópicos da categoria, o efeito aparece só na tabela de tópicos no tópico que eu passar em cima, em outras, por exemplo, Última Mensagem, ficam sem o efeito.
Se eu passo o mouse em algum tópico da tabela de Última Mensagem, o efeito só aparece na tabela de mensagens, aonde eu passar o mouse por cima.

É como se tivesse separado o efeito e aparecesse por partes aonde eu passo o mouse.

Endereço do meu fórum:
http://lgn-family.forumeiros.com

Versão do fórum:
PUNBB


Última edição por smithz0r em 13.02.14 18:28, editado 2 vez(es)
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 12.02.14 18:04

up
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por Hancki 12.02.14 21:39

Olá!

Use este CSS:
Código:
div.main-content tbody.statused tr:hover {
background-color: #COR !important;
}
div.main-content tbody.statused tr td {
background-color: transparent !important;
}
Na parte #COR, use um código hexadecimal, o que desejar.
Qualquer dúvida, pergunte.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 12.02.14 22:50

Sem resultados
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por Hancki 12.02.14 22:51

Aqui resultou! Reveja todo o código.
Diga uma cor que deseja no hover.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 12.02.14 23:20

Cor branca mesmo...

O cód. está:

Código:
div.main-content tbody.statused tr:hover {
background-color: #FFFFFF !important;
}
div.main-content tbody.statused tr td {
background-color: transparent !important;
}

e mesmo com white no lugar de #FFFFFF não funciona.

--edit
ctz que testou em PunBB?
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 13.02.14 17:42

up
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por Hancki 13.02.14 17:46

Não pode colocar como branco. O fundo é branco em si, fazer em branco nunca ia resultar.
Veja: https://i.imgur.com/eCpAi1H.gif
Entendeu?

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 13.02.14 18:10

Hey, continuo sem resultado...
Desculpa, mas o fórum que eu coloquei no tópico é um bem antigo meu ;x Na verdade é o que tava configurado na minha conta, daí eu não mudei na hora de criar o tópico :/ Erro meu, mil perdões.
O novo é esse http://familiadatp.forumeiros.com/forum , editei meu perfil para não ocorrer mais erros como este.
Espero que me ajude
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por Hancki 13.02.14 18:13

Tenha cuidado com isso, repare que desperdiçou o nosso tempo! Feliz

Use este, agora dará:
Código:
div.main-content tbody.statusid tr:hover {
background-color: #FFFFFF !important;
}
div.main-content tbody.statusid tr td {
background-color: transparent !important;
}

Até mais,
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r 13.02.14 18:26

Resultou :33
Te amo <3
E desculpe pelo ocorrido..
smithz0r

smithz0r
**

Membro desde : 10/10/2012
Mensagens : 84
Pontos : 126

http://familiadatp.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos