Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

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

Resolvido Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 05:54 pm

Qual é minha questão:
Como faz para fazer aquilo?

Aqui um exemplo de site com esse efeito!

Link.

Medidas que eu tomei para corrigir o problema:
Nada.

Links e imagens do meu problema:


Pòr favor, responda somente a pergunta deste tópico.

Endereço do meu fórum:
tudaki.forumeiros.com

Versão do meu fórum:
PUNBB
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por iPrompt em 17/04/12, 06:02 pm

Adiciona este código em sua Folha de estilo CSS

.pun .main table td.tc2:hover, .pun .main table td.tc3:hover {
background-color: #CODIGO;
}

Vermelho : Troca pelo código da Cor que Deseja do Efeito
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: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 07:09 pm

funcionou em tópicos e mensagens mas não em fórum e ultimas mensagens... como faz para esses dois? eles são os principais que eu quero
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por iPrompt em 17/04/12, 07:11 pm

Adiciona mais esse Código

.pun table td.tcl {
background-color: #CODIGO;
}
.pun table.table td {
background-color: #CODIGO;
}
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: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 07:34 pm

Duas perguntas:
Tem como deixar apenas as áreas "Fórum" e "Última postagem" com hover?

E outra, ela também está na imagem, eu quero saber se tem como mudar a cor daquela parte abaixo do título da categoria pela css, aquela parte onde tem a descrição das áreas sabe... "Fórum, Tópicos, Mensagens, Últimas mensagens"

Muito obrigado só isso e pode fechar, obrigado.
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por iPrompt em 17/04/12, 07:37 pm

Adiciona este código

.pun table td.tcl {
background-color: #CODIGO;
}
.pun table.table td {
background-color: #CODIGO;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
background-color: #CODIGO;
}
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: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 08:04 pm

Continua funcionando o efeito sobre tópicos e mensagens, lembrando é hover, eu to colocando :hover pra funcionar, tem como fazer só forum e última mensagen mudar de cor?

Outra coisa... tem como arredondar um pouco os quadros?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Oto! em 17/04/12, 08:08 pm

Olá,

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS, adicione:

.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color: #C8EB86;
}

Vermelho: Modifique para a cor que deseja.

Abraços.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 08:16 pm

Valeu consegui obrigado... só tem uma coisa... tem como fazer uma borda ficar acima da cor de fundo? Porque a borda é arredondada e o fundo é quadrado, ai o fundo fica por cima da borda e cortando... tem como fazer com que a borda fique na frente do fundo, ou acima?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Oto! em 17/04/12, 08:22 pm

Olá novamente,

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS, adicione:

.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color: #C8EB86
border-right: 1px solid #000000;
}

Vermelho: Modifique para a cor que deseja.
Laranja: Largura

Abraços.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?

Mensagem por Joker™ em 17/04/12, 11:05 pm

Obrigado eu já resolvi oproblema!
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.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