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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como fazer sub entrada?
Hoje à(s) 08:29 am por Kyo Panda

» Grupo com neon no nick
Hoje à(s) 08:28 am por Kyo Panda

» Como modificar a estrutura do widget
Hoje à(s) 08:26 am por Kyo Panda

» Mostrar usuário do post
Hoje à(s) 08:26 am por Kyo Panda

» Template quebra ao ser editado
Hoje à(s) 08:21 am por Kyo Panda

» Nova opção de login
Hoje à(s) 07:06 am por Starset

» Problema após adicionar widget
Hoje à(s) 12:52 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
217 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 216 Visitantes :: 2 Motores de busca

PrisoN†BreaK

[ Ver toda a lista ]


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

Como colocar esses botões em meu fórum

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

Resolvido Como colocar esses botões em meu fórum

Mensagem por Yu le em 18/04/17, 10:50 pm

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

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

http://megacityrpg.forumeiros.com/

Resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz em 19/04/17, 03:12 pm

Olá,

Sugiro que o senhor leia:
-> http://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'.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Yu le em 19/04/17, 06:04 pm

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

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

http://megacityrpg.forumeiros.com/

Resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz em 19/04/17, 08:20 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Yu le em 19/04/17, 10:45 pm

Resolvido
avatar

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos Ativos : 187

http://megacityrpg.forumeiros.com/

Resolvido Re: Como colocar esses botões em meu fórum

Mensagem por Luiz em 19/04/17, 10:52 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".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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