Estilo hover nos fóruns

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

Resolvido Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 11:20 am

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, 12:49 pm, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Troubleshoot em 02/03/14, 11:42 am

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é!
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 11:44 am

Ficou igual amigo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por iPrompt em 02/03/14, 11:55 am

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 11:58 am

Tem esse, www.ball3d.pt
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por iPrompt em 02/03/14, 12:07 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 12:14 pm

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Troubleshoot em 02/03/14, 12:21 pm

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é!
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por iPrompt em 02/03/14, 12:25 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 12:27 pm

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

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por iPrompt em 02/03/14, 12:30 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 12:43 pm

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

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por iPrompt em 02/03/14, 12:48 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Estilo hover nos fóruns

Mensagem por Diogo Ferreira em 02/03/14, 12:49 pm

Sendo assim, já está resolvido!
Obrigado amigos.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum