JS Tag para título do Tópico

2 participantes

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

Tópico resolvido JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 16:18

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: phpBB2

Descrição


Olá pessoal. Lembro-me muito bem de achar esse JS aqui, mas não me recordo onde, procurei mas não sabia bem o nome que se dá à o código, por isso vim aqui.

Gostaria que ao lado do título do tópico tivesse o seguinte nome desse jeito:
https://i.imgur.com/ZvMo4hm.png?1

Eles seria para "Em Curso", "Recusado" e "Resolvido"

Seria possível ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 16:55

Leia:
-> https://ajuda.forumeiros.com/t108774-como-colocar-esses-botoes-em-meu-forum

Desde já lhe adianto que qualquer usuário poderá colocar a TAG no título do tópico, e nem com outro JS será possível restringir isso.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 17:00

Luiz~ escreveu:Leia:
-> https://ajuda.forumeiros.com/t108774-como-colocar-esses-botoes-em-meu-forum

Desde já lhe adianto que qualquer usuário poderá colocar a TAG no título do tópico, e nem com outro JS será possível restringir isso.

o/

Não daria para por eles vinculados com meus icones de moderação?
Tipo se o adm setar o resolvido/recusado/em curso, vai aparecer, se não setar não aparece.
Teria como ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 17:11

Crie um novo JS com investimento nos tópicos com o código:
Código:
(function ($) {
  'use strict';

  // Configuração do JS:
  var topicTitleLabelConfig = [
    {
      'imgSrc': 'http://i.imgur.com/B7tc7pK.png',
      'tag': 'Recusado',
      'class': 'icon-recused'
    },
    {
      'imgSrc': 'http://i.imgur.com/9UzQk4M.png',
      'tag': 'Resolvido',
      'class': 'icon-solved'
    },
  ];

  // Parte de execução:
  $(function () {
    $.each(topicTitleLabelConfig, function (index, topicTitleLabelConfig) {
      $('img[src="' + topicTitleLabelConfig.imgSrc + '"]')
        .parents('tr')
          .find('a.topictitle')
            .before('<span class="fa-topic-icon ' + topicTitleLabelConfig.class + '">' + topicTitleLabelConfig.tag + '</span>')
      ;
    });

    // Estilos primários:
    $('<style>', {
      type: 'text/css',
      text: [
        '',
        '.fa-topic-icon {',
        '  background-color: #2ea3f2;',
        '  padding: 1px 5px;',
        '  border-radius: 3px;',
        '  margin-right: 5px;',
        '  color: #fff;',
        '  font-weight: normal;',
        '}',
        '',
      ].join('\n'),
    }).appendTo('head');
  });
}(jQuery));

Nessa parte do código acima:
Código:
  // Configuração do JS:
  var topicTitleLabelConfig = [
    {
      'imgSrc': 'http://i.imgur.com/B7tc7pK.png',
      'tag': 'Recusado',
      'class': 'icon-recused'
    },
    {
      'imgSrc': 'http://i.imgur.com/9UzQk4M.png',
      'tag': 'Resolvido',
      'class': 'icon-solved'
    },
  ];

Você pode configurá-lo.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 17:23

Bom, testei e sem resultado :/
Tinha algo para configurar ? kkkk
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 17:25

Já está configurado, basta que o senhor crie o novo JS.
Tente investi-lo em todas as páginas:

Código:
(function ($) {
  'use strict';
 
  // Configuração do JS:
  var topicTitleLabelConfig = [
    {
      'imgSrc': 'http://i.imgur.com/B7tc7pK.png',
      'tag': 'Recusado',
      'class': 'icon-recused'
    },
    {
      'imgSrc': 'http://i.imgur.com/9UzQk4M.png',
      'tag': 'Resolvido',
      'class': 'icon-solved'
    },
  ];
 
  // Parte de execução:
  $(function () {
    $.each(topicTitleLabelConfig, function (index, topicTitleLabelConfig) {
      $('img[src="' + topicTitleLabelConfig.imgSrc + '"]')
        .parents('tr')
          .find('a.topictitle')
            .before('<span class="fa-topic-icon ' + topicTitleLabelConfig.class + '">' + topicTitleLabelConfig.tag + '</span>')
      ;
    });
 
    // Estilos primários:
    $('<style>', {
      type: 'text/css',
      text: [
        '',
        '.fa-topic-icon {',
        '  background-color: #2ea3f2;',
        '  padding: 1px 5px;',
        '  border-radius: 3px;',
        '  margin-right: 5px;',
        '  color: #fff;',
        '  font-weight: normal;',
        '}',
        '',
      ].join('\n'),
    }).appendTo('head');
  });
}(jQuery));

o/

Spoiler:
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 17:34

Infelizmente ainda não amigo.

Luiz~ escreveu:
Spoiler:

Dou risada até nos meus erros, afinal, é mais um motivo para acertar Feliz, sou um cara otimista Feliz
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 17:38

Para mim está tudo ok, veja:
-> http://prntscr.com/f3p216

Já viu isso? o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 17:49

Ah sim, realmente está funcionando também pra mim aqui.
Mas e para coloca-lo na index (Página inicial)?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 17:51

Ué, mas por que você quer colocá-los no início do fórum, se não tem ícones de mensagens lá? o.O
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 17:56

Luiz~ escreveu:Ué, mas por que você quer colocá-los no início do fórum, se não tem ícones de mensagens lá? o.O
Foi o que eu disse ,no fórum que eu vi, cujo qual foi esse: www.brasilplaystart.com.br/forum/ ele estava no inicio.
Tem como ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 18:00

Não é possível fazer no início, como no fórum, visto que ele "pega" as informações usando os ícones de mensagens, que não estão disponíveis no início.

Já disse e volto a repetir:
O fórum em questão é IPB, e os aquivos PHP dele podem ser modificados (creio eu), o que ajuda muito com a personalização, o que não está presente na forumeiros.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por iScroll 03.05.17 18:07

Beleza, de todo modo, obrigado.
Pode fechar.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: JS Tag para título do Tópico

Mensagem por Luiz 03.05.17 18:10

topico - JS Tag para título do Tópico 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".
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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