Variar imagem de fundo de acordo com os fóruns

2 participantes

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

Tópico resolvido Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 19.05.17 1:40

Detalhes da questão


Endereço do fórum: http://www.novaerarpg.com
Versão do fórum: Invision

Descrição


A imagem de fundo do meu fórum é esta abaixo:

Variar imagem de fundo de acordo com os fóruns Fundo_10

A página principal do meu fórum, portanto, está assim:

Variar imagem de fundo de acordo com os fóruns _fundo10

O que eu quero é o seguinte: quando alguém abrir o primeiro fórum que tá aparecendo na imagem, chamado Dark and Deep Storyteller, a imagem de fundo será trocada por outra. Queria saber se é possível fazer isso com todos os fóruns do meu site, alterando as imagens de fundo de acordo com cada fórum e sub-fórum.

Grato desde já.


Última edição por Br_SP_Rodrigo em 23.05.17 12:46, editado 1 vez(es)
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Kyo Panda 19.05.17 17:57

Adicione a um novo Javascript com investimento em todas as páginas:

Código:
(function($) {
   'use strict';
   
   if (!/^\/f\d+-.*/i.test(location.pathname)) {
      return;
   }
   
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };
   
   var background = config.backgrounds[~~location.pathname.replace(/^\/f(\d+)-.*/i, '$1')];
   
   if (!background) {
      return;
   }
   
   $('<style>', { html: [
      'body {',
      '  background-image: url(' + background + ');',
      '}',
   ].join('\n') })
      .appendTo('head')
   ;
}(jQuery));

Nessa parte o senhor pode configurar os backgrounds:

Código:
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };

Sempre com ID_DO_FÓRUM: 'http://endereco.da/imagem.png'.

o/
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: Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 19.05.17 20:39

Olá Kyo Panda,

Funcionou em partes. Eu queria que o background mudasse também para todos os sub-links que viessem abaixo dos IDs que eu colocar. Por exemplo,

Fórum 1
- Sub-fórum 1
- Sub-fórum 2

Eu queria que, ao mudar o background do Fórum 1, mudasse automaticamente para todos os seus sub-fóruns, tópicos, etc. Tem como fazer isso?
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 20.05.17 21:28

up
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 22.05.17 0:52

up
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Kyo Panda 22.05.17 13:12

Troque por esse:

Código:
(function($) {
   'use strict';
   
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };
   
   var href = $('#navstrip a[href^="/f"]:last').attr('href');
   
   if (!href) {
      return;
   }
   
   var background = config.backgrounds[~~href.replace(/^\/f(\d+)-.*/i, '$1')];
   
   if (!background) {
      return;
   }
   
   $('<style>', { html: [
      'body {',
      '  background-image: url(' + background + ');',
      '}',
   ].join('\n') })
      .appendTo('head')
   ;
}(jQuery));
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: Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 22.05.17 19:47

Kyo Panda escreveu:Troque por esse:

Código:
(function($) {
   'use strict';
   
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };
   
   var href = $('#navstrip a[href^="/f"]:last').attr('href');
   
   if (!href) {
      return;
   }
   
   var background = config.backgrounds[~~href.replace(/^\/f(\d+)-.*/i, '$1')];
   
   if (!background) {
      return;
   }
   
   $('<style>', { html: [
      'body {',
      '  background-image: url(' + background + ');',
      '}',
   ].join('\n') })
      .appendTo('head')
   ;
}(jQuery));

Esse código não funcionou nada, Kyo.
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Kyo Panda 23.05.17 12:17

Como assim nada? Não fale assim do código. Ele tem sentimentos!

Spoiler:

---

Peço perdão, faltou uma peça:

Código:
(function($) {
   'use strict';
   
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };
   
   $(function() {
      var href = $('#navstrip a[href^="/f"]:last').attr('href');
   
      if (!href) {
         return;
      }
      
      var background = config.backgrounds[~~href.replace(/^\/f(\d+)-.*/i, '$1')];
      
      if (!background) {
         return;
      }
      
      $('<style>')
         .text([
              'body {'
            , '    background-image: url(' + background + ');'
            , '}'
         ].join('\n'))
         .appendTo('head')
      ;
   });
}(jQuery));
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: Variar imagem de fundo de acordo com os fóruns

Mensagem por Br_SP_Rodrigo 23.05.17 12:44

Kyo Panda escreveu:Como assim nada? Não fale assim do código. Ele tem sentimentos!

Spoiler:

---

Peço perdão, faltou uma peça:

Código:
(function($) {
   'use strict';
   
   var config = {
      backgrounds: {
         1: 'https://i37.servimg.com/u/f37/17/02/65/26/fundo_11.jpg',
         3: 'https://image.freepik.com/psd-gratis/projeto-abstrato-do-fundo_1297-82.jpg',
      },
   };
   
   $(function() {
      var href = $('#navstrip a[href^="/f"]:last').attr('href');
   
      if (!href) {
         return;
      }
      
      var background = config.backgrounds[~~href.replace(/^\/f(\d+)-.*/i, '$1')];
      
      if (!background) {
         return;
      }
      
      $('<style>')
         .text([
              'body {'
            , '    background-image: url(' + background + ');'
            , '}'
         ].join('\n'))
         .appendTo('head')
      ;
   });
}(jQuery));

Hahahah. Agora sim deu certo. Valeu Kyo!

Abraços.
Br_SP_Rodrigo

Br_SP_Rodrigo
***

Membro desde : 14/06/2012
Mensagens : 159
Pontos : 234

http://nefr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Variar imagem de fundo de acordo com os fóruns

Mensagem por Kyo Panda 23.05.17 12:46

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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