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
» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

» Modificação do nome dos usuários
Hoje à(s) 11:36 am por FreedoM'

» Avatar Gif
Hoje à(s) 09:34 am por Yeshua

» Sobre o portal
Hoje à(s) 08:48 am por Kyo Panda

» Gerir assinatura nos tópicos
Hoje à(s) 08:37 am por Necr0

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

Quem está conectado
256 usuários online :: 9 usuários cadastrados, 1 Invisível e 246 Visitantes :: 2 Motores de busca

[SRD]JimClark, Br_SP_Rodrigo, Kyo Panda, Luiz~, Ramon Rodrigues, rlmac, sandra51, Tripa_Grossa, ZombieW

[ 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'.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3055
Pontos Ativos : 3771

https://github.com/lffg/fdf/

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3055
Pontos Ativos : 3771

https://github.com/lffg/fdf/

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3055
Pontos Ativos : 3771

https://github.com/lffg/fdf/

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