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
» Status do servidor
Hoje à(s) 01:39 am por ranzatti

» Como mudar o tamanho do avatar default ? modernbb
Hoje à(s) 12:30 am por BlueJOkeR

» mEU FORUM ESTA COM POBLEMA !
Ontem à(s) 11:18 pm por Xigncode3

» Member List Grande
Ontem à(s) 10:31 pm por ranzatti

» Top Usuário sem funcionar
Ontem à(s) 10:08 pm por iScroll

» Spoiler tópicos
Ontem à(s) 09:55 pm por Luiz

» Bug pelo slide
Ontem à(s) 09:20 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
187 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 184 Visitantes :: 2 Motores de busca

DespacitoRemix000, weverson lopes, YouTube3

[ 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

Ver perfil do usuário 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'.


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.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5209
Pontos Ativos : 6020

Ver perfil do usuário 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

Ver perfil do usuário 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.


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.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5209
Pontos Ativos : 6020

Ver perfil do usuário 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

Ver perfil do usuário 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".


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.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5209
Pontos Ativos : 6020

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