Como colocar esses botões em meu fórum

2 participantes

Ir para baixo

Tópico resolvido Como colocar esses botões em meu fórum

Mensagem por Yu le 19.04.17 2:50

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/
Yu le
Yu le
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz 19.04.17 19:12

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'.
Luiz
Luiz
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: Como colocar esses botões em meu fórum

Mensagem por Yu le 19.04.17 22:04

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

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz 20.04.17 0:20

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.
Luiz
Luiz
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: Como colocar esses botões em meu fórum

Mensagem por Yu le 20.04.17 2:45

Resolvido
Yu le
Yu le
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz 20.04.17 2:52

Como colocar esses botões em meu fórum 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 desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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