Efeito hover nas categorias

Ver o tpico anterior Ver o tpico seguinte Ir em baixo

Resolvido Efeito hover nas categorias

Mensagem por smithz0r em Ter 11 Fev 2014 - 17:51

Qual é minha questão:
Li esse tópico aqui http://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 
Cdigo:

.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 edio por smithz0r em Qui 13 Fev 2014 - 16:28, editado 2 vez(es)
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qua 12 Fev 2014 - 16:04

up
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por Hancki em Qua 12 Fev 2014 - 19:39

Ol!

Use este CSS:
Cdigo:
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 cdigo hexadecimal, o que desejar.
Qualquer dvida, pergunte.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usurio http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qua 12 Fev 2014 - 20:50

Sem resultados
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por Hancki em Qua 12 Fev 2014 - 20:51

Aqui resultou! Reveja todo o cdigo.
Diga uma cor que deseja no hover.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usurio http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qua 12 Fev 2014 - 21:20

Cor branca mesmo...

O cd. est:

Cdigo:
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 no funciona.

--edit
ctz que testou em PunBB?
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qui 13 Fev 2014 - 15:42

up
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por Hancki em Qui 13 Fev 2014 - 15:46

No pode colocar como branco. O fundo branco em si, fazer em branco nunca ia resultar.
Veja: http://i.imgur.com/eCpAi1H.gif
Entendeu?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usurio http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qui 13 Fev 2014 - 16: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
avatar

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Resolvido Re: Efeito hover nas categorias

Mensagem por Hancki em Qui 13 Fev 2014 - 16:13

Tenha cuidado com isso, repare que desperdiou o nosso tempo! Feliz

Use este, agora dar:
Cdigo:
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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usurio http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito hover nas categorias

Mensagem por smithz0r em Qui 13 Fev 2014 - 16:26

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

smithz0r
Nvel 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

Ver perfil do usurio http://familiadatp.forumeiros.com

Ver o tpico anterior Ver o tpico seguinte Voltar ao Topo

- Tpicos similares

Permisso deste frum:
Voc no pode responder aos tpicos neste frum