Imagem estendida por baixo da categoria

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

Resolvido Imagem estendida por baixo da categoria

Mensagem por Gabriel D. Sperb em 01/04/14, 08:18 am

Qual é minha questão:
Ola. Gostaria de saber se teria como eu colocar uma imagem em minhas categorias que se estendessem não apenas na parte lateral, mas que ficasse por baixo do números de tópicos e do números de msgs que existem nesta área, de uma forma que o número de tópicos e de post ficassem por cima da imagem de cada categoria. 

Outra dúvida é se teria como colocar uma caixa de links nas categorias de meu fórum, para facilitar melhor a navegação.

Eu estou me baseando pelas categorias desse fórum:

www.impervius.forumeiros.com

Teria como realizar isso?

Obrigado.

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

Versão do fórum:
PHPBB3


Última edição por Gabriel D. Sperb em 01/04/14, 11:32 am, editado 1 vez(es)
avatar

Gabriel D. Sperb
Nível 4

Masculino
Inscrito dia : 29/04/2013
Mensagens : 34
Pontos Ativos : 64

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

Resolvido Re: Imagem estendida por baixo da categoria

Mensagem por Hancki em 01/04/14, 11:09 am

Olá!

Use este código numa nova página Javascript, investido na página inicial (índice):
@Hancki escreveu:$(function () {
   $("div#0.forabg div.inner ul.topiclist li.row").attr("style", "background: url('//i7.minus.com/jeJ4R2BlNBq18.png') no-repeat center center scroll;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;");
});;
A vermelho, encontra-se o número da posição da categoria que deseja mudar o fundo! A primeira categoria é o número 0 (zero), a segunda categoria é o número 1 (um) e por aí adiante.
A verde, é o link da imagem de fundo que deseja para cada categoria. Repita o código para cada categoria.

Nota: aconselho o uso de imagens de grandes dimensões, assim o código ajusta automaticamente à largura da categoria, ok?
Nota 2: Outra dúvida, noutro novo tópico.
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem estendida por baixo da categoria

Mensagem por Gabriel D. Sperb em 01/04/14, 11:17 am

Eu coloco todas as categorias num único código Java, é isso?

Funciona para sub foruns tmb?
avatar

Gabriel D. Sperb
Nível 4

Masculino
Inscrito dia : 29/04/2013
Mensagens : 34
Pontos Ativos : 64

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

Resolvido Re: Imagem estendida por baixo da categoria

Mensagem por Hancki em 01/04/14, 11:21 am

Sim, numa única página Javascript, com quebra de linha (enter) para cada código.

Sim, é o mesmo! Apenas terá que criar uma nova página Javascript, investida nos sub-fóruns, e com a mesma lógica de códigos.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Imagem estendida por baixo da categoria

Mensagem por Gabriel D. Sperb em 01/04/14, 11:31 am

Muito obrigado cara. Vlw mesmo. O código já funcionou aqui, agora vou trabalhar pra colocar nos sub fóruns tmb. Obrigado.
avatar

Gabriel D. Sperb
Nível 4

Masculino
Inscrito dia : 29/04/2013
Mensagens : 34
Pontos Ativos : 64

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