[Dúvida] Fundos diferentes para Categorias e Fóruns

2 participantes

Ir para baixo

Tópico resolvido [Dúvida] Fundos diferentes para Categorias e Fóruns

Mensagem por Nishizono Shinji 04.12.10 5:02

(Fórum na versão phpBB3)

A pouco tempo li um tutorial de como por uma imagem no fundo das categorias (por CSS) e resolvir por em prática, pois me interessou bastante. Fui fuçando, fuçando, até que fiz uma imagem com 1367 por 41 pixeis. Beleza, código pra cá, código pra lá, acabei usando o seguinte código para usar ela:
Código:
li.row {
background-image: url(http://img258.imageshack.us/img258/5286/hxh.png);
background-repeat: no-repeat;
}

Ok, o resultado foi até surpreendente, gostei bastante do que vi e etc:
[Dúvida] Fundos diferentes para Categorias e Fóruns Exemploforumeiros

Até aí tudo bem, mas topei com um pequeno problema. Os fóruns dentro das categorias tem uma dimensão diferente das próprias categorias, e dentro de qualquer categoria a imagem fica assim, bastante desalinhada:
[Dúvida] Fundos diferentes para Categorias e Fóruns Exemploforumeiros2

Queria saber se tem como usar diferentes imagens para ambos os casos (uma imagem diferente para cada um dos casos) ou se posso redimensionar alguma delas (mudar de direção as opções "Mensagens/tópicos; Mensagens/visto e Última mensagem) ou, ainda, se existe outra solução viável.

Agradeço a paciência e compreensão com os noob's, obrigado pela atenção.
Nishizono Shinji
Nishizono Shinji
Novo Membro

Membro desde : 02/12/2010
Mensagens : 3
Pontos : 7

http://forumeiros.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: [Dúvida] Fundos diferentes para Categorias e Fóruns

Mensagem por Mikáá 04.12.10 13:19

Olá!
Não sei se isso será possível, mas podemos tentar!
Era mais fácil se agente adicionarmos essa imagem em houver, assim quando passávamos o mouse pela categoria ela aparecia, assim ficava dois em um!
Mas vamos lá ver se conseguimos fazer o que pretende!

Código:
Código:
ul.topiclist li {
background-image: url(LINK DA IMAGEM QUE QUER);
background-repeat: no-repeat;
}

Adicione o código aqui:
Painel... Seta Visualização Seta Imagens e Cores :seta2: Folha de estilo CSS

Veja se resulta e diga-nos algo! Como lhe disse não sei se assim será possível. Mas com o mouse (como lhe disse anteriormente, tenho a certeza).

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos