Editar uma página de um tópico específico

[iKa]

Detalhes da questão

Endereço do fórum: https://msirc.forumeiros.com
Versão do fórum: ModernBB

Descrição

Salve pessoal!

Queria saber se eh possível eu editar uma página de um tópico específico, talvez com js ou alguma outra solução? Eu preciso editar o HTML de um tópico específico, sem que isso afete outros tópicos.

[tikky]

Olá @iKa,

Só para ficar esclarecido. Um determinado tópico ou todos os tópicos de um determinado subfórum?


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.

[iKa]

Olá @iKa,

Só para ficar esclarecido. Um determinado tópico ou todos os tópicos de um determinado subfórum?


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.

Boas. Eu queria editar um tópico específico. Por exemplo o /t1-

[tikky]

Então o senhor deve fazer o seguinte:
Entre no Painel administrativo > Visualização > Templates > Geral e edite o viewtopic_body, localize:

Código:

id="p{postrow.displayed.U_POST_ID}"

e altere para

Código:

id="p{postrow.displayed.U_POST_ID}" data-topic-id="{TOPIC_ID}"

Na sua folha de estilo basta usar o seguinte atributo:

Código:

[data-topic-id="ID DO TÓPICO AQUI"]

Por exemplo o senhor quer tirar o perfil do membro: [somente do tópico 1(/t1-)]

Código:

[data-topic-id="1"] .postprofile {
   display: none;
}

Ou mudar a cor do fundo: [somente do tópico 1 (/t1-)]

Código:

[data-topic-id="1"] {
   background-color: tomato;
}

[iKa]

Entendi. E como eu faço por exemplo pra acrescentar um código html nele (tipo um iframe ou qualquer outra coisa) através desse método?

[Don Corleone]

O senhor pode usar o código abaixo para especificar o tópico onde deseja a mudança de html. Fiz na pressa, mas é funcional.
Dicas: Aconselho usar o framework juerry para adicionar css, substituindo o console log para a condição de sim. Também deve colocar o ready antes de tudo para o código rodar no carregamento da página. Mas tarde mando uma versão melhor, pois estou no celular agora.

Código:


var url_atual = window.location.href;
var url_comp = 'https://ajuda.forumeiros.com/t116555-editar-uma-pagina-de-um-topico-especifico#825002';

if (url_atual === url_comp) {
  console.log('Sim');
}
else {
console.log('Não');
}


[tikky]

exemplo pra acrescentar um código html nele (tipo um iframe ou qualquer outra coisa) através desse método?

Só por meio de um código ou ativando o HTML do seu fórum O método em cima serve só para personalizar

[iKa]

Estou começando a entender, pois eu ainda sou iniciante em javascript (inclusive uso várias inspirações desse fórum). Se não for pedir demais, poderia me dar um exemplo de como eu poderia colocar um iframe no final da página do tópico /t1-?

[tikky]

poderia me dar um exemplo de como eu poderia colocar um iframe no final da página do tópico /t1-?

Por exemplo:

Código:

(function($) {
  'use strict';
 
      var iframe = 'https://ajuda.forumeiros.com/t116555-editar-uma-pagina-de-um-topico-especifico#825010';
       
          $(function() {
            if (! /^\/t1-.*$/.test(location.pathname)) return;
       
            $('<iframe>', {
              'width': '100%',
              'height': 215,
              'frameborder': 0,
              'scrolling': 'no',
              'src': iframe
            }).insertAfter('.post:last');
           
  });
})(jQuery);

Link do iFrame:

Código:

var iframe = 'https://ajuda.forumeiros.com/t116555-editar-uma-pagina-de-um-topico-especifico#825010';

Link do tópico:

Código:

if (! /^\/t1-.*$/.test(location.pathname)) return;

Basta alterar o número 1 para o ID do tópico
Personalização do iFrame:

Código:

            'width': '100%',
              'height': 215,
              'frameborder': 0,
              'scrolling': 'no',

[iKa]

Eu apliquei o script nos subforuns e tópicos, porém não teve resultado. Será por ser mobile?

[Don Corleone]

Antes você precisa esclarecer o seu desejo. Seria modificar a tal página especifica com códigos css ou adicionar um iframe?

Pois achei que o objetivo era modificar a aparência da página.

[iKa]

Antes você precisa esclarecer o seu desejo. Seria modificar a tal página especifica com códigos css ou adicionar um iframe?

Pois achei que o objetivo era modificar a aparência da página.

Perdão por não me expressar bem. Eu queria editar no caso o html. Mas vejo que pode ser bem complexo, então adicionar um iframe no final ajudaria bastante.

[Don Corleone]

Na realidade é bem simples, me diga a página ue deseja editar e onde no html será a edição.

[iKa]

Na realidade é bem simples, me diga a página ue deseja editar e onde no html será a edição.

Pode ser o t3- Eu gostaria de colocar um iframe ao fim da página, depois do último post da página. O @Pedxz fez ali, porém acho que não funcionou devido ser template mobile, pois meu forum eh 100% mobile

[tikky]

não funcionou devido ser template mobile

Use:

Código:

(function($) {
  'use strict';
 
      var iframe = 'https://ajuda.forumeiros.com/t116555-editar-uma-pagina-de-um-topico-especifico#825010';
      
          $(function() {
            if (! /^\/t3-.*$/.test(location.pathname)) return;
      
            $('<iframe>', {
              'width': '100%',
              'height': 215,
              'frameborder': 0,
              'scrolling': 'no',
              'src': iframe
            }).insertAfter('.post-section:last');
          
  });
})(jQuery);

[iKa]

não funcionou devido ser template mobile

Use:

Código:

(function($) {
  'use strict';
 
      var iframe = 'https://ajuda.forumeiros.com/t116555-editar-uma-pagina-de-um-topico-especifico#825010';
      
          $(function() {
            if (! /^\/t3-.*$/.test(location.pathname)) return;
      
            $('<iframe>', {
              'width': '100%',
              'height': 215,
              'frameborder': 0,
              'scrolling': 'no',
              'src': iframe
            }).insertAfter('.post-section:last');
          
  });
})(jQuery);

100%! Muito obrigado pela ajuda e pela paciência. Resolvido!

[tikky]

Obrigado @Connor R. !

Tópico resolvido Movido para "Questões resolvidas".