Como colocar esses botões em meu fórum

[Yu le]

Detalhes da questão

Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Olá, gostaria de por esses ícones em css no meu fórum "DESTAQUE" "RESOLVIDO" "EM CURSO" 

Print: http://prntscr.com/ey3jjj
aonde vi:
http://www.brasilplaystart.com.br/forum/

[Luiz]

Olá,

Sugiro que o senhor leia:
-> https://ajuda.forumeiros.com/t107790-como-fazer-isso-funcionar-classe-no-titulo-dos-topicos

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

[Yu le]

Ainda não é o que eu desejo, ta mal explicado '-'

[Luiz]

Okay, desculpe. " '-' ".

---

Crie um novo Javascript com investimento em todas as páginas (ou somente no local desejado, se preferir), contendo o código JS:

Código:

(function ($) {
  'use strict';

  var topicTags = [
    {
      'from': '[Em Curso]',
      'to': 'Em Curso',
      'background': '#39c'
    }, // Lembre-se de colocar uma vírgula após cada array (conjunto).
    {
      'from': '[Teste]',
      'to': 'Teste',
      'background': 'green'
    } // [!] A última não precisa de vírgula, e nem pode ter.
  ];

  $(function () {
    $.each(topicTags, function (index, topicTags) {
      $('.topictitle').each(function () {
        var $this = $(this);
        $this.html($this.html().replace(topicTags.from, function(text, match) {
          return '<span class="topic-icon" style="background-color: ' + topicTags.background + '">' + topicTags.to + '</span>'
        }));
        $this.find('.topic-icon').insertBefore($this);
      });
    });

    $([
      '<style type="text/css">',
      '  span.topic-icon {',
      '    padding: 1px 4px;',
      '    color: #fff;',
      '    border-radius: 3px;',
      '  }',
      '</style>',
    ].join('\n')).appendTo('head');
  });
}(jQuery));

No código acima, temos:

Código:

  var topicTags = [
    {
      'from': '[Em Curso]',
      'to': 'Em Curso',
      'background': '#39c'
    }, // Lembre-se de colocar uma vírgula após cada array (conjunto).
    {
      'from': '[Teste]',
      'to': 'Teste',
      'background': 'green'
    } // [!] A última não precisa de vírgula, e nem pode ter.
  ];

No "from", você seta o que você quer que mude, para o que será precedido do "to".
O resultado, você pode conferir aqui:
-> http://1forum1.forumeiros.com/f3-diversos

o/

---

Provavelmente (acredito eu), algum de vocês irá querer isso:
@iScroll
@YouTube3

Não precisa responder neste tópico, só vejam mesmo.

[Yu le]

Resolvido

[Luiz]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".