Background dos fóruns - efeito hover

2 participantes

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

Tópico resolvido Background dos fóruns - efeito hover

Mensagem por Kvothe 04.01.14 13:21

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


Última edição por Kvothe em 08.01.14 21:11, editado 1 vez(es)
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 04.01.14 15:12

Olá!

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 04.01.14 16:13

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?
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 04.01.14 18:14

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 04.01.14 19:06

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

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 05.01.14 14:03

Olá de novo!

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 05.01.14 15:21

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

Obrigado,
Kvothe
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 05.01.14 15:56

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?
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 05.01.14 15:59

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

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 05.01.14 16:06

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
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 06.01.14 15:57

UP  Muito feliz 
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 06.01.14 18:15

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:
efeito - Background dos fóruns - efeito hover VteCibx

Imagem 2:
efeito - Background dos fóruns - efeito hover 9egCSiE

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;
}
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 07.01.14 13:30

UP
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 07.01.14 17:49

Olá de novo!

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 07.01.14 18:17

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

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 07.01.14 18:21

Explique melhor a questão, por favor.
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 07.01.14 19:01

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..
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 07.01.14 20:21

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:
efeito - Background dos fóruns - efeito hover 6WsDJaA

Imagem 2:
efeito - Background dos fóruns - efeito hover UXpcG9T

Muito obrigado desde já,
Kvothe
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 08.01.14 19:50

UP Muito feliz 
Kvothe

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Hancki 08.01.14 20:25

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background dos fóruns - efeito hover

Mensagem por Kvothe 08.01.14 21:10

Bem,

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

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

Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

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