Categorias com fundos diferentes Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Categorias com fundos diferentes

3 participantes

Ir para baixo

Tópico resolvido Categorias com fundos diferentes

Mensagem por Pamela Persson 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
Novo Membro

Membro desde : 20/09/2016
Mensagens : 2
Pontos : 6

http://wonderlandeditions.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com fundos diferentes

Mensagem por Kyo Panda 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
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com fundos diferentes

Mensagem por Pamela Persson 02.02.17 13:48

Deu certo! Muito obrigada! Feliz
avatar
Pamela Persson
Novo Membro

Membro desde : 20/09/2016
Mensagens : 2
Pontos : 6

http://wonderlandeditions.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com fundos diferentes

Mensagem por Cream 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
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos