Background dos fóruns - efeito hover

Qual é minha questão:
Olá pessoal,

Gostaria de saber se há algum código que eu possa implementar um background nos fóruns do meu Fórum com efeito hover, de modo que ao passar o mouse sobre o fórum, o background deste mude...

Obrigado,
Kvothe

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

Versão do fórum:
PHPBB2

Olá!

Será isto: https://ajuda.forumeiros.com/t75060- ?

Hancki

Sim, mas eu gostaria só do código para o fórum, não necessitando de mostrar a quantidade de tópicos e mensagens. E ao invés de cor, o efeito hover será por imagem.

Poderia editar o código para mim?

Use este CSS:

td.row1[colspan="1"]:hover {
background-image: url('LINK IMAGEM') !important;
background-repeat: no-repeat !Important;
}

Mude apenas o que está a verde pelo link da imagem que deseja no hover.

Hancki

Terei que usar o CSS + o código do tutorial?

Olá de novo!

Não, apenas o meu CSS e fazer as devidas alterações, mais especificamente, o link da imagem.

Hancki

Pois então, funcionou sim! Mas apenas o efeito hover... Eu gostaria de colocar um background fixo nas categorias também...

Obrigado,
Kvothe

Mudanças... Consegui o efeito, mas veja no meu fórum como ficou.. Apenas na segunda coluna... Não seria possível em toda a linha?

Passe-me o código que usou para eu poder reformular o código e lhe passar o correto.

Utilizei o seu código mesmo, com uma pequena mudança:

Código:

td.row1[colspan="1"] {
background-image: url('http://i.imgur.com/k5YgFP7.png') !important;
background-repeat: repeat !Important;
}

td.row1[colspan="1"]:hover {
background-image: url('http://i.imgur.com/YaDsqhL.png') !important;
background-repeat: repeat !Important;
}

Antes que me ajude nisso, gostaria de saber se é possível alterar a cor padrão do fundo das tabelas por um background. Por exemplo, existem 3 cores que eu defino no painel "Cores", sendo eles:

• Cor 1 de Coluna da Tabela;
  
• Cor 2 de Coluna da Tabela;
  
• Cor 3 de Coluna da Tabela.

É que percebi que o background não aprece, por exemplo, no post, mas apenas nas categorias mesmo...

Obrigado desde já,
Kvothe

UP   

Bom, consegui alguns progressos. Veja, consegui colocar o background em todo o fundo das tabelas (imagem 2), entretanto há um bug em um dos quadros: o background só aparece com com o mouse sobre ele (imagem 1)

Imagem 1:

Imagem 2:

Talvez seja meu código, pois consegui meio que mexendo nele, sem nem mesmo entender o que eu estava fazendo direito, rs... O código é o seguinte:

Código:

td.row1 {
background-image: url('http://i.imgur.com/lv4dmXb.jpg') !important;
background-repeat: repeat !Important;
}

td.row1[colspan="1"]:hover {
background-image: url('http://i.imgur.com/5PFaJal.jpg') !important;
background-repeat: repeat !Important;
}

td.row2 {
background-image: url('http://i.imgur.com/lv4dmXb.jpg') !important;
background-repeat: repeat !Important;
}

td.row3 {
background-image: url('http://i.imgur.com/lv4dmXb.jpg') !important;
background-repeat: repeat !Important;
}

td.row4 {
background-image: url('http://i.imgur.com/lv4dmXb.jpg') !important;
background-repeat: repeat !Important;
}

UP

Olá de novo!

Já tentei vários códigos diferentes e não estou a conseguir :/
Lamento!

Hancki

Tudo bem.. Última pergunta: não existe um código que simplesmente substitua o padrão da cor do painel por um bg?

Explique melhor a questão, por favor.

Por exemplo, supondo que eu tire todo esse código do meu css, todos os quadros passarão a ter a cor padrão que eu escolhi no meu painel de controle. Ou seja, ao invés de criar um código que altere as propriedades das tabelas, talvez fosse possível alterar a cor em si, substituindo-a por um background.... Não sei se fui claro. Se não, posso explicar com mais detalhes e imagens..

Boas,

Consegui reparar o problema. Acessei o topics_list_box e procurei por isso:

Código:

<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>

E então substitui pelo seguinte código:

Código:

<td class="row3" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>

Não sei se isso irá interferir em algum outro parâmetro, mas aparentemente está tudo correto.

Agora, se acessar meu fórum, irá ver que eu apenas coloquei o efeito hover no quadro dos fóruns (como pode ver na imagem 1), como posso colocá-lo na visualização dos tópicos (imagem 2)?

Imagem 1:


Imagem 2:


Muito obrigado desde já,
Kvothe

UP  

Olá de novo!

Só existe este código, mas creio que não corresponda ao desejado:

table.three-col td.row1:hover, table.three-col td.row2:hover, table.three-col td.row1:hover, table.three-col td.row3:hover {
background-image: url('LINK IMAGEM') !important;
background-repeat: no-repeat !important;
}

Não sei como resolver de outra maneira.

Hancki

Bem,

Esse cria o efeito em tudo, mas tudo bem.. Tentarei dar um jeito rs..

Muito obrigado pela atenção!
Até mais.