Remover a tag da página inicial do fórum

2 participantes

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

Tópico resolvido Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 1:19

Detalhes da questão


Endereço do fórum: http://churchofpop.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá,

Gostaria de saber se é possivel tirar a tag da página inicial do fórum. Como mostra a imagem, gostaria de remover o "[Artista]" no título do tópico. Como faço?
Remover a tag da página inicial do fórum WesWedkYSGa08dzPCvqwQQ

Se não tiver como, como eu poderia fazer com que apareça a tag, com cores, etc também na página inicial? Exemplo:
Remover a tag da página inicial do fórum 5Jx-0B09Rf2JIa2VKBj7kw
Aparecer assim, Artista com o fundo azul marinho, na página inicial do fórum.

Aguardo respostas, obrigado.
Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 1:32

Olá,

Adicione ao final de sua CSS:
Código:
.statused .fa-topic-tag {
  background-color: #90c4cc !important;
}

PS:
Eu fiz uma implementação no seu último pedido, e irá virar um tutorial.
Ele já cria o painel com as tags automaticamente e troca elas em todos os links.

Para saber mais:
-> https://github.com/lffg/fdf/tree/master/tutorials/topictitle-tags

o/
Luiz

Luiz
Membro Entusiasta
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: Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 1:47

Eu adicionei ao final do CSS, mas ainda continua aparecendo, veja:
Remover a tag da página inicial do fórum SGBY1Eu0ScigYJ1RqIEEVA

E muito bom o tutorial, estava aqui vendo, porém queria saber se com esse tutorial a tag personalizada, com cor, vai aparecer somente quando eu estiver dentro do tópico visualizando, ou vai aparecer também na lista de tópicos, na página inicial e nos últimos assuntos?
Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 2:01

A tag acima não pode ser removida com CSS. A função do CSS que lhe passei foi para fazer o que o senhor pediu em relação à imagem abaixo:
Spoiler:

E muito bom o tutorial, estava aqui vendo, porém queria saber se com esse tutorial a tag personalizada, com cor, vai aparecer somente quando eu estiver dentro do tópico visualizando, ou vai aparecer também na lista de tópicos, na página inicial e nos últimos assuntos?

Vai aparecer em tudo, incluindo neste local da imagem (da mensagem imediata acima), em que a tag não apareceu.

o/
Luiz

Luiz
Membro Entusiasta
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: Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 2:06

Perfeito. Fiz o tutorial e apareceu em tudo, exatamente como queria. Mas para ficar organizado, teria como eu colocar as tags quando for criar o tópico em option value? Porque ficou desorganizado, fora de posição, veja:
Remover a tag da página inicial do fórum VvRZ4ZUhQ4yE76ymNF-TYA

E como eu crio a opção "Sem tag" para não aparecer nenhum valor quando nenhum tópico se encaixe na tag que quero? Que o tópico fique sem tag.
Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 2:48

Olá,

No caso, não tem como criar uma opção sem valor.
Para não usar, basta não selecionar nenhuma opção. Caso você selecionar, basta remover os colchetes e o texto entre eles do título do tópico. Feliz

Para arrumar a posição, precisarei de uma conta-teste em seu fórum.

o/
Luiz

Luiz
Membro Entusiasta
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: Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 3:28

Tudo bem, em relação ao valor vou colocar um aviso, se nenhuma tag encaixar para deixarem em branco.

Como seria essa conta teste? Com acesso ao painel de controle?
Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 11:05

Sem acesso ao Painel de Controle.
Pedi uma conta normal só para ver como está e arrumar o CSS.

Lembre-se: não dê uma conta com poderes administrativos à quem o senhor não conhece.

o/

---

Edit: Tente simplesmente trocar o código por este:
Código:
/**
 *! Criar tags no título dos tópicos com painel de seleção.
 *
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 *  @licence MIT
 */
(function ($) {
  'use strict';
 
  var tags = [
    {
      tag: 'imagem',
      background: '#666'
    },
    {
      tag: 'widget',
      background: '#000'
    }
  ];
 
  $(function () {
    var counter = 1;
 
    /**
    * Parte 1.
    * Aqui nós criamos o seletor de tags acima do editor:
    */
    if (location.pathname === '/post' && $('form input[name="subject"]').length > 0) {
      // Criar a zona para colocar-se os inputs:
      var $textarea = $('#textarea_content');
      var $title = $('form [name="subject"]');
      var $createZone = $title.parents('dl');
      var $zone = $([
        '<dl class="fa-icon-selector">',
        '  <dt>',
        '    <label>Tag do tópico</label>',
        '  </dt>',
        '  <dd class="fa-icon-selector-inner">',
        '  </dd>',
        '</dl>',
      ].join('\n'))
        .insertAfter($createZone)
      ;
 
      // Criar-se os inputs dentro da zona criada anteriormente:
      var $appendZone = $zone.find('.fa-icon-selector-inner');
      $.each(tags, function (index, tag) {
        $([
          '<div class="fa-tag-form-group">',
          '  <input type="radio" class="select-tag-input" name="select-tag-radio" id="tag-input-' + counter + '" data-tag="' + tag.tag + '" />',
          '  <label for="tag-input-' + counter + '" class="fa-tag-label">' + tag.tag + '</label>',
          '</div>',
        ].join('\n'))
          .appendTo($appendZone)
        ;
       
        counter++;
      });
 
      // Função para dar focus num input X caso este seja a tag dum tópico X:
      if (/^\[.*\]/gi.test($title.val())) {
        $title.val().replace(/^\[(.*)\]/gi, function (find, match) {
          $('[data-tag="' + match + '"]').prop('checked', true);
        });
      }
 
      // Trigger para a adição/edição do prefixo no input de título:
      $zone
        .find('input.select-tag-input')
          .on('focus', function () {
            setPrefix($(this).attr('data-tag'));
          })
      ;
 
      // Função para setar/editar o prefixo:
      var setPrefix = function (prefix) {
 
        if (/^\[.*\]/gi.test($title.val())) {
          $title.val($title.val().replace(/^\[.*\]/gi, function () {
            return '[' + prefix + ']';
          }));
         
          return;
        }
       
        $title.val('[' + prefix + '] ' + $title.val().trim());
      };
    }
 
    /**
    * Parte 2.
    * Aqui nós iremos substituir a tag entre os colchetes por uma tag real:
    */
    var $link = $('a[href^="/t"]');
    $link.each(function () {
 
      var $this = $(this);
 
      $.each(tags, function (index, tag) {
        var regex = new RegExp ('\\[' + tag.tag + '\\]', 'gim');
        var text = $this.text();
 
        if (!regex.test(text)) {
          return;
        }
 
        $this.addClass('fa-tagged-link');
        $this.text(text.trim().replace(regex, ''));
        $this.prepend('<span class="fa-topic-tag" style="background-color: ' + tag.background + ';">' + tag.tag + '</span>');
      });
    });
 
    /**
    * Parte 3:
    * Estilos.
    */
    var styles = [
      '.fa-icon-selector-inner strong {',
      '  display: block;',
      '  margin-bottom: 4px;',
      '  font-weight: bold;',
      '}',
      '',
      '.fa-icon-selector .fa-tag-form-group {',
      '  display: inline-block;',
      '  margin-right: 15px;',
      '  margin-top: 4px;',
      '}',
      '',
      '.fa-tagged-link {',
      '  text-decoration: none !important;',
      '}',
      '',
      '.fa-tagged-link:hover {',
      '  color: #f73 !important;',
      '  text-decoration: none !important;',
      '}',
      '',
      'span.fa-topic-tag {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  padding: 1px 5px;',
      '  border-radius: 3px;',
      '  margin-right: 4px;',
      '  display: inline;',
      '  text-decoration: none!important',
      '}'
    ].join('\n');
 
    $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head');
   
  });
}(jQuery));

Tchau
Luiz

Luiz
Membro Entusiasta
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: Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 19:51

Perfeito, ficou alinhado. Assim tá bom.
Remover a tag da página inicial do fórum CKEVb0eeSmKOYeT_WY4RZQ

Agora, uma última coisa: eu fiz aquele tutorial para por o botão "Curtir" no post, deu tudo certo, mas eu queria fixar os botões no canto inferior direito, porque dependendo do tamanho do texto da mensagem, ele sobe, veja:Remover a tag da página inicial do fórum G_qN9TkrTCeNCxf6amFlQw

E eu queria que ele ficasse sempre assim:
Remover a tag da página inicial do fórum KmIMCLvPRjKp8UBv8P6PFg

O tutorial que segui: https://ajuda.forumeiros.com/t100407-tutorial-sistema-de-curtir-nas-mensagens?highlight=curtir)

Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 19:52

Para isso o senhor terá que criar um novo tópico, dado que só é permitida uma questão por tópico.

Posso arquivar este? o/
Luiz

Luiz
Membro Entusiasta
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: Remover a tag da página inicial do fórum

Mensagem por Flames 23.06.17 20:17

Sim, muito obrigado por me ajudar nesse.
Flames

Flames
**

Membro desde : 05/10/2011
Mensagens : 50
Pontos : 78

http://jornamice.com.br.tc

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Remover a tag da página inicial do fórum

Mensagem por Luiz 23.06.17 20:27

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 Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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