Categorias com imagens diferentes

Detalhes da questão

Endereço do fórum: http://pokemon-sh.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá, eu queria saber como posso colocar imagens diferentes no meu fórum, eu fiz uma pesquisa e tentei colocar um código, mas acabou não dando certo.
O código atual que estou usando nas categorias é este:

Código:

ul.topiclist li {
display: block;
margin: 0;
}
 
.forabg  {
background: #FFFFFF;
border: 1px solid #E0E0E0;
overflow: hidden;
padding: 7px;
padding-bottom: 0px;
padding-top: 2px;
margin-top: 5px;
margin-bottom: 5px;
}
 
li.header {
background: url(http://i.imgur.com/ZDtPTbo.png);
padding-top: 90px;
padding-bottom: 90px;
padding-right: 5px;
text-align: right;
text-transform: none;
outline: 0px solid white;
outline-offset: -10px;
}
 
.table-title, .table-title h2 {
color: #fff;
display: none;
background: #1E90FF;
padding: 10px;
padding-left: 7px;
padding-right: 40px;
font-family: raleway;
font-size: 20px;
line-height: 20px;
font-variant: normal;
font-weight: 900;
letter-spacing: -1px;
text-transform: uppercase;
}
 
/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
width: 100%;
}

Também não tenho certeza se é algo no código do CSS que está causando o problema.

Boa tarde, quais imagens você deseja inserir nas categorias, especifique melhor a questão.

Até mais

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.

Eu gostaria de ter imagens diferentes em cada categoria do fórum, mais ou menos com o mesmo estilo de categorias daqui, só que ao invés de imagens, são cores.
E por enquanto, poderia colocar apenas esta imagem > https://i.imgur.com/GJS0ylF.png ?
Ainda não tenho todas feitas.

Olá, leia a mensagem do Kyo Panda nesse tópico e veja se resulta

https://ajuda.forumeiros.com/t107943-categorias-com-fundos-diferentes#755787

Até mais

Eu tentei exatamente com este código, mas por algum motivo não deu em nada. Ele está nos códigos de javascript do meu fórum.

Eu testei e o código funcionou perfeitamente, poste aqui o código está configurado.
Experimente também desativar outros para ver se há conflito.

Veja http://prntscr.com/fnpr8q

Editado

@Hasegawa troque o JavaScript por esse

Código:

/* global jQuery */
(function($) {
    'use strict';

    var headers = {
        'Gestão Principal': 'http://i.imgur.com/ZDtPTbo.png',
        'Seu Personagem': 'http://i.imgur.com/nTdt2Iy.png',
        'Hellas Region': 'http://i.imgur.com/ZDtPTbo.png',
        'Fora do RPG': 'http://i.imgur.com/GJS0ylF.png',
        'Arquivos do Fórum': 'http://i.imgur.com/ZDtPTbo.png',
    };

    $(function() {
        $('.topiclist .header .table-title h2').each(function() {
            var $self = $(this);
            var title = $.trim($self.text());

            $.map(headers, function(value, key) {
                if (title === key) {
                    $self.closest('.header').css('background-image', 'url(' + value + ')');
                }
            });
        });
    });
}(jQuery));

Resultados
http://prntscr.com/fnrexx
http://prntscr.com/fnrf7z


Alternei as imagens para que possa ver melhor

Até mais

Deu certo, agradeço pelo acompanhamento e o atendimento.

Não há de que, disponha

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.