Categorias com fundos diferentes

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

Atendido / Resolvido Categorias com fundos diferentes

Mensagem por Pamela Persson em 31.01.17 22:46

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.


Última edição por Pamela Persson em 02.02.17 13:49, editado 1 vez(es)
avatar

Pamela Persson
Nível 1

Feminino
Inscrito dia : 20/09/2016
Mensagens : 2
Pontos Ativos : 6

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

Atendido / Resolvido Re: Categorias com fundos diferentes

Mensagem por Kyo Panda em 02.02.17 0:36

Categorias com fundos diferentes Logo
Seja bem-vinda ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

---

Em Painel de controle Flecha ajudeiros Módulos Flecha ajudeiros HTML & JavaScript Flecha ajudeiros Gestão dos códigos JavaScripts Flecha ajudeiros 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
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Categorias com fundos diferentes

Mensagem por Pamela Persson em 02.02.17 13:48

Deu certo! Muito obrigada! Feliz
avatar

Pamela Persson
Nível 1

Feminino
Inscrito dia : 20/09/2016
Mensagens : 2
Pontos Ativos : 6

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

Atendido / Resolvido Re: Categorias com fundos diferentes

Mensagem por Cream em 02.02.17 14:38

Categorias com fundos diferentes Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Cream

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11638

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum