Estilo hover nos fóruns

3 participantes

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

Tópico resolvido Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 14:20

Qual é minha questão:
Olá olá.
Dá para colocar um estilo hover nos fóruns?

Por exemplo, se o rato não estiver lá, fica assim: http://gyazo.com/662b1b543f86d6c5b759402da42d3715
Mas depois de estar: http://gyazo.com/e0ef32de99ceb2d3264a2ce5e2adc315

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

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 02.03.14 15:49, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Troubleshoot 02.03.14 14:42

Olá!
Tente utilizar o código CSS;
Código:
div.main-content tbody.statusid tr:hover {
background-color: #dedede !important;
}
div.main-content tbody.statusid tr td {
background-color: transparent !important;
}


Resulta?


Até!
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 14:44

Ficou igual amigo.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Roevs 02.03.14 14:55

Olá,

Tem como informar algum fórum que você viu o mesmo efeito ?

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 14:58

Tem esse, www.ball3d.pt
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Roevs 02.03.14 15:07

Olá,

Adiciona este código na sua Folha de Estilo CSS

Código:
.pun table.table td{
    transition: all 250ms ease 0s;
    color: rgb(170, 170, 170) !important;
}
.pun table.table td:hover{
    transition: all 250ms ease 0s;
    color: rgb(72, 83, 99) !important;
}

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 15:14

Amigo mão está tudo junto, está por zonas.
Eu queria que ao clicar em cada fila, que ficasse tudo, incluindo o avatar.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Troubleshoot 02.03.14 15:21

O código postado pelo nosso amigo Quakeline está correto.
Só edite por este:

Código:
.pun table.table tr{
    transition: all 250ms ease 0s;
    color: rgb(170, 170, 170) !important;
}
.pun table.table tr:hover{
    transition: all 250ms ease 0s;
    color: rgb(72, 83, 99) !important;
}

Até!
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Roevs 02.03.14 15:25

Olá,

Substitua o código por este

Código:
.ipsUserPhoto_mini {
opacity: 0.5;
transition: all 250ms ease 0s;
}
.ipsUserPhoto_mini:hover {
        opacity: 1;
transition: all 250ms ease 0s;
    }
.pun .main table td.tc3 {
    transition: all 250ms ease 0s;
    color: rgb(170, 170, 170) !important;
}
.pun .main table td.tc3:hover {
    transition: all 250ms ease 0s;
    color: rgb(72, 83, 99) !important;
}

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 15:27

Está quase amigo, será que não dá para incluir o avatar ?

@Edit: Quack, está quase! É só juntar tudo, continua por zonas.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Roevs 02.03.14 15:30

Olá,

Acho que com o código do Sasuky e mais um complemento vai funcionar, troque por este

Código:
    .pun table.table tr{
        transition: all 250ms ease 0s;
        color: rgb(170, 170, 170) !important;
    }
    .pun table.table tr:hover{
        transition: all 250ms ease 0s;
        color: rgb(72, 83, 99) !important;
    }
.ipsUserPhoto_mini {
opacity: 0.5;
transition: all 250ms ease 0s;
}
.ipsUserPhoto_mini:hover {
        opacity: 1;
transition: all 250ms ease 0s;
    }

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 15:43

Veja amigo: http://gyazo.com/e1944f6b777aa164144157069843d655

Está quase, falta a zona do avatar e do último post.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Roevs 02.03.14 15:48

Olá,

O Nome do Ultimo Post não será possível, porque vai adicionar o efeito em todas as fontes do fórum, para conseguir um resultado vai precisar editar um template do seu fórum

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira 02.03.14 15:49

Sendo assim, já está resolvido!
Obrigado amigos.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.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