Categorias com fundos diferentes

[Pamela Persson]

Detalhes da questão

Endereço do fórum: http://wonderlandresources.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá, gostaria de saber como faço para colocar imagens diferentes em cada título de categoria, como neste fórum abaixo:

http://imitation-black.activoforo.net/

Obrigada, Pamela.

[Kyo Panda]

Seja bem-vinda ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

---

Em Painel de controle Módulos HTML & JavaScript Gestão dos códigos JavaScripts Criar um novo JavaScript, adicione o seguinte código com Investimento em Todas as páginas:

Código:

/* global jQuery */

(function($) {
  'use strict';

  var headers = {
    'Assinaturas': 'https://kbdevstorage1.blob.core.windows.net/asset-blobs/19488_en_1',
    'Wonderland Resources': 'https://kbdevstorage1.blob.core.windows.net/asset-blobs/19887_en_1',
    'Título da categoria': 'https://exemplo.com/url-da-imagem.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));


Nessa parte do código acima:

Código:

var headers = {
  'Assinaturas': 'https://kbdevstorage1.blob.core.windows.net/asset-blobs/19488_en_1',
  'Wonderland Resources': 'https://kbdevstorage1.blob.core.windows.net/asset-blobs/19887_en_1',
  'Título da categoria': 'https://exemplo.com/url-da-imagem.png',
};

A senhora pode configurar as imagens das categorias do seu fórum, sempre seguindo o padrão:

Código:

'Título da categoria': 'Link da Imagem',

o7

[Pamela Persson]

Deu certo! Muito obrigada!

[Cream]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".