[TUTORIAL] Background diferente para cada fórum

Neste tutorial será ensinado mais uma técnica para personalizar ainda mais o seu fórum, lendo este tutorial irá aprender a adicionar uma imagem para cada fórum.

--> Tutoriais e astúcias <--
Background diferente para cada fórum

1º - Código a ser utilizado:
Cada versão tem um código, então terá somente de escolher o da sua versão! A parte em vermelho terá de ser configurada, mas ela será explicada mais para o fim deste pontos.

PhpBB 3

jQuery(document).ready(function(){
jQuery('li.row:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});

PhpBB 2

jQuery(document).ready(function(){
jQuery('td.row1.over:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});

Invision

jQuery(document).ready(function(){
jQuery('td.row2.icon:eq(0)').append("<style>td.row2.icon{padding-left:45px !important;}</style>").attr('style','background-image:url(Endereço-da-imagem)');
});

PunBB

jQuery(document).ready(function(){
jQuery('td.tcl:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});

O local de vermelho é aonde deverá inserir o número correspondente a posição do fórum, veja a imagem para entender realmente o que se pede.

• A contagem dos fóruns irá começar pelo número 0.
  
• De forma crescente poderá se obter o número.
  

Por fim o texto de rosa deverá ser substituído pelo link da imagem que será exibida no plano de fundo do fórum.

2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

• Exemplo e resultado:

Código:

jQuery(document).ready(function(){
                    jQuery('li.row:eq(0)').attr('style','background-image:url(http://2img.net/i/fa/fdf3/bg.png)');
        });

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Background diferente para cada fórum