Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Atualização de mensagens do Portal e sumiço de imagens
Hoje à(s) 02:58 pm por Kyo Panda

» Problema em resolução do Footer
Hoje à(s) 02:52 pm por iScroll

» Problema ao fixar reputação nos tópicos
Hoje à(s) 02:36 pm por Ketholy123

» Citação não aparece nome de usuário
Hoje à(s) 02:13 pm por Luiz

» Instalação do Topic'It
Hoje à(s) 01:18 pm por Luiz

» Níveis de reputação
Hoje à(s) 01:17 pm por Kyo Panda

» Quadro de troféus e medalhas
Hoje à(s) 01:09 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
264 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 254 Visitantes :: 2 Motores de busca

DustyRhodes, Heikki, iScroll, jleorozsas, Ketholy123, Kyo Panda, LeoziN_WallkeR, Lost154, Luiz, virus

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

JS Tag para título do Tópico

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

Resolvido JS Tag para título do Tópico

Mensagem por iScroll em 03/05/17, 12:18 pm

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:
http://i.imgur.com/ZvMo4hm.png?1

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

Seria possível ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 12:55 pm

Leia:
-> http://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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 01:00 pm

Luiz~ escreveu:Leia:
-> http://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 ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 01:11 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 01:23 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 01:25 pm

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:

Não entendo por que o senhor coloca "kkkk" se não funcionou.
Geralmente rimos quando obtemos sucesso. Desacordo


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 01:34 pm

Infelizmente ainda não amigo.

Luiz~ escreveu:
Spoiler:

Não entendo por que o senhor coloca "kkkk" se não funcionou.
Geralmente rimos quando obtemos sucesso. Desacordo

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 01:38 pm

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

Já viu isso? o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 01:49 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 01:51 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 01:56 pm

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 ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 02:00 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por iScroll em 03/05/17, 02:07 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1125
Pontos Ativos : 1515

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

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

Mensagem por Luiz em 03/05/17, 02:10 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4282
Pontos Ativos : 4903

Ver perfil do usuário https://github.com/lffg/

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

- Tópicos similares

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